时间戳

首页 > 解决方案 > Angular Reactive 表单禁用 p-dropdown 中的特定选项

javascript - Angular Reactive 表单禁用 p-dropdown 中的特定选项

问题描述

在组件中使用 PrimeNg p-dropdown。

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

下面是从服务器接收到的 JSON，用于[options]p-dropdown

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

我需要禁用boolean: false提到的那个选项。就像我点击下拉菜单一样，我可以看到所有选项。现在我需要禁用boolean: false提到的那个特定选项。在上述情况下，我应该能够选择所有选项Old，除非它boolean: false反对它。

怎么办？？提前致谢..

标签： javascripthtmljqueryangulartypescript

解决方案

要使用 prime-ng 的下拉组件禁用特定选项，您必须在构造数组时使用 SelectItem 类型。

在 SelectItem 类型中有一个布尔类型的禁用属性。

在这里，您可以通过将此属性设置为 true 来禁用特定选项。

我在这里为您创建了一个带有工作示例的 Stackblitz：

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

快乐编码:-)

推荐阅读