Angular 4 - Socket.io 更新已发出事件的视图

Question

我的组件有以下代码

ngOnInit(): void {

    this.siteService.socket.on("users_online_now", function(usersOnlineNow){
        this.usersOnlineNow = usersOnlineNow;
        console.log(usersOnlineNow);
    });

}

即使 console.log 将数字打印到控制台，视图也不会更改为我的模板。还有比 BehaviourSubject 更简单的方法吗？

Answer 1

你应该使用箭头函数（=>）而不是function：

ngOnInit(): void {
    this.siteService.socket.on("users_online_now", (usersOnlineNow) => {
        this.usersOnlineNow = usersOnlineNow;
        console.log(usersOnlineNow);
    });
}

否则this 不指向您的类实例。