angular - 来自套接字的数据未显示在视图中

Question

我从套接字 io 获取数据但未显示在视图中。

我在 ts 中有这个功能：

   socketIO.on('hello', (data) => { 
            console.log('data', data);
            this.mydata= data; 
        });

控制台中的数据显示如下：

数据{“nr”：“123456789456”}

在 htm Nativescript 中：

<StackLayout >
        <Label [text]='mydata'></Label>
</StackLayout>

如何在视图中显示我的数据？在控制台数据正确显示

标签： angularnativescript

Answer 1

您可能必须在分配https://angular.io/api/core/ChangeDetectorRef#markforcheck后触发更改检测

class componant {
  constructor(private cdf:ChangeDetectorRef){}

socketIO.on('hello', (data) => { 
            console.log('data', data);
            this.mydata= data; 
this.cdf.markForCheck()
        });

}