使用 ng-select 版本 12。是否可以將專案選項設定為禁用？...他們有一堆樣本 ，其中一些行被禁用，但沒有解釋他們如何實作這一點。通過檢查源代碼，我可以看到一些資料行的屬性為 disabled:true ... 我假設我所要做的就是將此屬性設定為我的物件，但仍然無法禁用專案。
uj5u.com熱心網友回復：
正如您所說，添加disabled:true到您要禁用的物件是正確的。
以下代碼找到一個人并禁用他。
this.dataService.getPeople().subscribe((people) => {
this.people = people;
const p2 = this.people.find((p) => p.id === '5a15b13c728cd3f43cc0fe8a');
p2.disabled = true;
});
以下代碼查找所有 isActive 屬性為 false 的人并禁用他們
this.dataService.getPeople().subscribe((people) => {
this.people = people.map((p) =>
p.isActive ? p : { ...p, disabled: true }
);
});
這是StackBlitz 上的代碼
uj5u.com熱心網友回復：
在您的<ng-option>中，放置一個[disabled]帶有一些條件的屬性。
例子
<ng-option [value]="item.value" [disabled]="someFunction(item)">{{item.name}}</ng-option>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/455185.html
上一篇：子組件選擇器弄亂了父div行