Angular Reactive 表單禁用 p-dropdown 中的特定選項

Question

在組件中使用 PrimeNg p-dropdown。

<p-dropdown 
 [options]="productRequest"
 formControlName="request"
 optionLabel="ProductName"
 (onChange)="someFunction('request')">
</p-dropdown>

以下是從服務器收到的 JSON，在 p-dropdown 中用作[options]

{ 
 "Increase": true,
 "Decrease" : true,
 "Like" : true,
 "Dislike" : true,
 "Old" : false,
 "Others" : true
}

我需要針對提到的boolean: false禁用該選項。 就像我點擊下拉菜單一樣，我可以看到所有選項。 現在我需要禁用針對提到boolean: false特定選項。 在上述情況下，我應該能夠選擇除Old之外的所有選項，因為它具有boolean: false 。

怎么辦？？ 提前致謝..

Answer 1

要使用 prime-ng 的下拉組件禁用特定選項，您必須在構造數組時使用 SelectItem 類型。

在 SelectItem 類型中，有一個 boolean 類型的 disabled 屬性。

這是您可以通過將此屬性設置為 true 來禁用特定選項的地方。

我已經為您創建了一個 Stackblitz，這里有一個工作示例：

https://stackblitz.com/edit/primeng-dropdown-demo-m6a6ni

快樂編碼:-)