javascript - 如何以 Angular 显示 snackbar 中对象的数据

Question

我有一个 Snakbar，它从 Web 服务获取通知并显示作业执行是成功还是失败的信息。

解析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)

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

使用console.log我可以在控制台中查看数据。但是我想在snakbar中显示消息。现在我收到'平台作业已完成 - [Object][Object]'我想在 snakbar 中添加类似的内容 '平台作业已完成 - 成功/失败信息"'

如何实现这一目标？

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;
}