我正在开发一个聊天应用程序，并试图使用/显示在线/离线状态。
这是我的html代码：
html
ngClass现在，我正在使用<i [ngClass]="{ 'fa': true, 'fa-circle': true, 'onlinestatus': true, 'online': isOnline == true, 'offline': isOnline == false}" aria-hidden="true"></i>
进行实时聊天，每当有新消息出现时，我都想将状态更改为websockets，因此我将online设置为true。 / p>
这是我的isOnline代码
component.ts
component.ts isOnline = false;
ngOnInit() {
this.socket.on("new-message", (data) => {
this.isOnLine = true;
this.messages.push(data.message);
});
}
可以正常工作，并显示新消息。在调试时，甚至将socket都设置为isOnline。但是在UI中，我仍然看到true类的灰色。在开发人员工具中进行检查时，我仍然看到offline元素附带的offline类。