angular - MatOption如何模拟选择
问题描述
我有一个带有多个选项集的垫子选择(多选)。当我选择其中一个选项时,我需要禁用其他选项。如何在 checkDeleted() 函数或 refresh() 函数中做到这一点?是否有 MatOption 类的方法可以手动切换所选字段?这是我的 HTML:
<mat-select #statusSelect [(ngModel)]="statuses" (selectionChange)="refresh()" multiple>
<mat-option
*ngFor="let status of statuses"
#statusOptSelect
[value]="status.id"
[disabled]="!checkDeleted(statusOptSelect)"
>
{{ status.name }}
</mat-option>
</mat-select>
和ts代码:
public checkDeleted(el: MatOption): boolean {
if (this.filter.statuses.includes(EStatus.DELETED) && el.value !== EStatus.DELETED) {
return false
}
return true
}
解决方案
推荐阅读
- python - 我使用了 a != b != c: 它没有给我正确的结果 b != a == c
- java - 使用 AccessibilityService 模拟操纵杆移动
- robotframework - RobotFrameWork:如何选择弹出窗口
- java - System.getProperty("user.dir") 返回 "/"
- html - 到达div末尾时如何使文本继续换行
- mysql - 哪里 count 是确切的,而不是更多或更少的 mysql
- python-2.7 - 遍历多个文件夹以在python的多个foder中搜索相同的文件
- sql-server - 获取 PIVOT 列的不同值
- ionic3 - 无法使用 Photo Libraby - ionic 3 在 iOS 设备中保存图像
- microservices - 获取所有具有关系的资源时如何显示来自另一个微服务的关系