angular - Ngclass 没有更新 UI 中的类

Question

我正在开发一个聊天应用程序，并尝试使用ngClass. 这是我的html代码：

html

<i [ngClass]="{ 'fa': true,   'fa-circle': true, 'onlinestatus': true, 'online': isOnline == true, 'offline': isOnline == false}"  aria-hidden="true"></i>

现在，我正在使用websockets实时聊天，每当有新消息出现时，我想将状态更改为online，所以我设置isOnline为 true。

这是我的component.ts代码

组件.ts

isOnline = false;
ngOnInit() {
    this.socket.on("new-message", (data) => {
        this.isOnLine = true;
        this.messages.push(data.message);

    });
}

socket完美的作品和新的信息被展示出来。在调试时，甚至isOnline设置为true. 但在 UI 中，我仍然看到类的灰色offline。在开发人员工具中检查时，我仍然看到offline附加到i元素的类。

标签： angular