angular2-selectは動的データで埋められていません

Question

複数の選択肢に対してangular2-selectを使用しているユーザリストがあるグループ追加モジュールがあります。グループの追加ページは、ボタンをクリックすると開きます。ここでは、コード

<ng-select [options]="users" [multiple]="true" [(ngModel)]="group.selectedUsers" placeholder="select users" name="users"></ng-select> 

であると私は

ngOnInit() { 
    this.userService.getAllUsers() 
     .subscribe(data => { 
      data.forEach(element => { 
       this.users.push({ value: element.id, label: element.firstName}); 
      }); 
     }) 
} 

は今、初めて私は、ユーザーのリストが空である[グループの追加]ページを開く応答データこのAPIを充填しています。ユーザーリストは、2回目を開いた後で埋められます。何か不足していますか？

Answer 1

あなたのthis.usersは同じオブジェクトのままであるため、項目を押しても角が変更を検出しないという問題があると思います。したがって、コンポーネントは更新されず、オプションも表示されません。これはあなたを動作させるために

は新しいArrayにthis.usersポイントを聞かせてください。

ngOnInit() { 
    this.userService.getAllUsers().subscribe((data) => { 
     this.users = data.map((element) => { 
      return { 
       value: element.id, 
       label: element.firstName 
      }; 
     }); 
    }); 
}