Как показать данные с объекта в snakbar в angular

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

Код для разбора Json:

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

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

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

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

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

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

javascript angular typescript angular-material

30.01.2019 12:59

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Ответы 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.info(webService.message);
        console.info(webService.executionId);
        console.info(webService.code);
        this.spinner.hide();
        this.selectedIndex = 1;
}

Я получаю сообщение об ошибке Данные свойства не существуют для типа MetaData.component.ts

— 30.01.2019 14:06

вы получаете ответ внутри подписки? просто поместите console.info(this.data) после назначения данных и проверьте, получили ли вы ответ или нет.

— 30.01.2019 14:12

Рассмотрите возможность использования шаблонные литералы для упрощения объединения строк. (В данном случае это должен быть `Platform job completed - ${this.data.message} Info`)

— 30.01.2019 14:19

30.01.2019 13:14