从服务器调用角度4更新对象后，视图未更新

Question

我已经像角色4一样声明了一个对象数组

 public onlinUsers;

我像这里一样使用

<div class="row" >
    <h2>Online users</h2>
    {{onlinUsers}}
      <div *ngFor="let i of onlinUsers">
          <a  (click)="openPrivate(i.name)">{{i.name}}</a>

        </div>
  </div>

并像这样更新它

    ngOnInit() {
    this.socket.on('onlineUsers',function(data){

      this.onlinUsers=data.data     
     console.log( this.onlinUsers)
   })  
 }

console.log工作正常

为什么我的html没有呈现。请帮忙

Answer 1

this.socket.on('onlineUsers',function(data){

应该是

this.socket.on('onlineUsers', (data) => {

否则this将无法按预期在函数内运行。

搜索箭头功能以获取更多详细信息。