angular - Angular 5 で ng-select に「すべて選択」機能を追加する方法

Question

「すべて選択」できる例を見つけました: https://ng-select.github.io/ng-select#/multiselect-checkbox

しかし、エラーが発生しました。Cannot read property 'selected' of undefined. なぜこのエラーが発生したのか、Angular 5 で ng-select を使用して「すべて選択」を実装する方法を知りたいです。

ありがとうございました

Answer 1

反応フォームを使用せず、select all プロパティを使用したい場合は、html ファイルと *.ts ファイルの ngselect タグ内に #getModelValue="ngModel" を追加し、次のコードを追加します。

onSelectAll(select: NgModel, values, array) { 
  const selected = this.dropdownList.datas.map(item => item.id);
  select.update.emit(selected); 
}

deselectAll(select: NgModel) {
     select.update.emit([]); 
}