Как показать данные с объекта в snakbar в угловых

Question

У меня есть панель snakbar, которая получает уведомление от веб-службы и отображает информацию о том, было ли выполнение задания успешным или неудачным.

Код для анализа Json:

    this.messageService.messageReceived$.subscribe(data => {

        this.snakbar.statusBar("Platform job Completed - " + data, "Info");
        let webService: WebService = JSON.parse(data);
        console.log(webService.message);
        console.log(webService.executionId);
        console.log(webService.code);
        this.spinner.hide();
        this.selectedIndex = 1;
}

Я создал интерфейс дляпарсинг Json

interface WebService {
jobId: string,
executionId: string,
code: number,
message: string,
data: string
}

Использование console.log Я могу просматривать данные в консоли. Однако я хочу показать сообщение в snakbar.Прямо сейчас я получаю 'Platform job Completed - [Object][Object]' Я хочу что-то вроде этого в snakbar 'Platform job Completed - Success/Failure Info"'

Как мне добиться этого?

Answer 1

Сначала назначьте подписанное значение некоторой переменной.

this.data = data;

Затем попытайтесь получить значение сообщения из данных, как показано ниже.

this.snakbar.statusBar("Platform job Completed - " + this.data.message, "Info");

Полный код

const project = JSON.parse(this.dataService.getObject("project"));
    if (project != null) {
        this.globalAppSateService.onMessage(project);
        this.project = project;
    }
    this.messageService.messageReceived$.subscribe(data => {
        this.data = data; // assigning data to reuse
        this.snakbar.statusBar("Platform job Completed - " + this.data.message, "Info");
        let webService: WebService = JSON.parse(data);
        console.log(webService.message);
        console.log(webService.executionId);
        console.log(webService.code);
        this.spinner.hide();
        this.selectedIndex = 1;
}