Question

在Angular（6）项目中，我将名为 ng-multiselect-dropdown 的节点包用于下拉输入字段。我面临困难将动态数据加载到下拉列表中。使用ng-multiselect-dropdown时是否可以加载动态数据？类似的节点程序包，提供了ng-multiselect-dropdown的相同功能。

谢谢。

<ng-multiselect-dropdown [data]="userDropdownList" 
  [(ngModel)]="selectedItems" [settings]="dropdownSettings" 
  (onSelect)="onItemSelect($event)"
  (onSelectAll)="onSelectAll($event)">
</ng-multiselect-dropdown>


 userDropdownList = [];
 ngOnInit() {
 this.departmentService.getUsers(this.authService.getUser().client_id)
  .subscribe((response: any) => {
    for (let data of response.data) {
      this.userDropdownList.push({ '_id': data._id,
         'name': data.firstname + ' ' + data.lastname })
    }
  },
  error => {
    console.log("error :", error);
  })
}

Answer 1

推送不起作用，请阅读角度的锄头变化检测工作， push 不创建新引用，因此角度变化检测不会检测到它，因此它不起作用

this.users.push({item_id:1,item_text:"test"})

上面的代码不起作用，所以你可以这样做

this.users = this.users.concat({item_id:1,item_text:"test"})

或

this.tempUsers.push({item_id:1,item_text:"test"})

this.users = this.tempUsers

如何使用节点包“ ng-multiselect-dropdown”

1 个答案: