加载时禁用Angular2多选下拉选项

Question

我想使用angular2多选禁用并保持选中一个选项。我尝试使用disabled，但要么我没有正确使用它，要么它不适用于我的代码。

这是：

     <div class="col-md-2">
                      <div class="form-group  input-group-sm">
                        <label for="dataPoint">Data Point</label>
                        <angular2-multiselect required style="display: block;" [data]="dataPointList" [(ngModel)]="dataPointId" name="dataPoint" 
[disabled]="isDisabled"
                          [settings]="dataPointSettings" (ngModelChange)="onDataPoint($event)" (onDeSelect)="OnItemDeSelect($event)"  ></angular2-multiselect>
                      </div>
                    </div>

TS:

isDisabled: any;
ngOnInit() {
 for (var ind = 0; ind < this.dataPointList.length; ind++) {
            if (this.dataPointList[ind].dataPointName === 'Rating') {  
              isDisabled = true;
            }
        }
} // option with rating value needs to be disabled

基本上我想要和这个一样https://stackblitz.com/edit/angular-8zvhqf?file=src%2Fapp%2Fapp.component.ts但是对于角度上的模板驱动形式。

Answer 1

我认为您需要在选项级别使用禁用的属性

ngOnInit() {
    for (var ind = 0; ind < this.dataPointList.length; ind++) {
        if (this.dataPointList[ind].dataPointName === 'Rating') {
            this.dataPointList[ind].disabled = true;
        }
    }
}