angular - 如何从套接字异步获取数据并将其显示在页面上？

Question

有变数：

public message: any;

然后在模板中，如果它不为空，我尝试显示消息：

<div *ngIf="message">Message</div>

但是只有当我点击放置 div 的区域时才会显示消息。

完整代码是：

ngOnInit() {
    connection.on("receivePassportData", data => {
       console.log(data);
       this.message = data;
    });
}

我获取了数据，console.log(data);但消息未在模板中呈现。

标签： angularangular6angular8

Answer 1

<div *ngIf="message && Object.keys(message).length > 0">Message</div>

试试这个。