动态数据绑定时未选中下拉复选框

时间:2018-01-03 13:12:45

标签: angular checkbox multi-select

我需要从db动态绑定下拉数据,并选择复选框 Html文件

<ss-multiselect-dropdown [options]="GridOptions" [texts]="myTexts" [settings]="mySettings" [(ngModel)]="GridDataModel"> </ss-multiselect-dropdown>

Ts文件

GridOptions: IMultiSelectOption[]
GridDataModel : any[];
 ngOnInit() {
  --db service call
GridDataOptions:any[];
 for (let item of DBdatal) {
            var Arr = new Array({ 'id': item.Id, 'name': item.Name });
            GridDataOptions.push(Arr[0]);
        }
GridOptions = GridDataOptions
GridDataModel = [1, 2];

}

复选框未根据GridDataModel值进行选择。

1 个答案:

答案 0 :(得分:0)

中的

GridDataModel

[(ngModel)]="GridDataModel"

需要引用所选的值,而不是值数组。

代码

selectedItem = this.GridDataModel[0];
模板中的

[(ngModel)]="selectedItem"