javascript - 在加载时禁用 Angular2 多选下拉选项
问题描述
我想禁用并保持使用 angular2-multiselect 选中一个选项。我尝试使用 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相同,但对于 Angular 的模板驱动形式。
解决方案
我认为您需要在选项级别使用 disabled 属性
ngOnInit() {
for (var ind = 0; ind < this.dataPointList.length; ind++) {
if (this.dataPointList[ind].dataPointName === 'Rating') {
this.dataPointList[ind].disabled = true;
}
}
}
推荐阅读
- javascript - 使用单引号时出现双引号
- git - Gerrit Rest API - Gitiles 插件:获取提交详细信息,提交文件列表
- java - 什么是复选框的网络元素(基于文本的 HTML)
- regex - 在其他单元格包含值的工作表中查找最后一个值
- java - 如何在长按列表视图中更新和删除数据
- javascript - 如何将带有 contenteditable 列的表保存到本地存储中
- javascript - 如何在自定义组件中使用离子刷新器
- sql-server - 批量插入、无效对象错误(表名)、Excel VBA 到 SQL Server
- java - 在应用程序类中注册时广播接收器泄漏的风险
- python - 如何使用正确的数据库参考设置 Flask-Migrate?