在Angular中,如何使用Priming将一些p-selectButton选项设置为禁用?

在Angular中,如何使用Priming将一些p-selectButton选项设置为禁用?,angular,primeng,Angular,Primeng,我使用了很多,有时我需要禁用它的一些选项。怎么做?在我的graphManager.ts中,我有: 我有我的自定义SelectItem.ts: 但是这些选项仍然可以单击。如何禁用某些选择选项?唯一有效的方法是挖掘node_modules/primeng/components/selectbutton/selectbutton.js并更改第55行: SelectButton.prototype.onItemClick = function (event, option, checkbox, inde

我使用了很多,有时我需要禁用它的一些选项。怎么做?在我的graphManager.ts中,我有:

我有我的自定义SelectItem.ts:

但是这些选项仍然可以单击。如何禁用某些选择选项?唯一有效的方法是挖掘node_modules/primeng/components/selectbutton/selectbutton.js并更改第55行:

SelectButton.prototype.onItemClick = function (event, option, checkbox, index) {
        if (this.disabled || option.disabled) {

所以我添加了| | option.disabled部分。但是,您会同意,这是不可接受的选项,因为它会更改node_模块。然而,这是唯一对我有用的东西。

您只需添加[disabled]=true

<p-button icon="pi pi-check" [disabled]="true" label="Disabled"></p-button>

您只需添加[disabled]=true

<p-button icon="pi pi-check" [disabled]="true" label="Disabled"></p-button>

到目前为止,您尝试了什么?我尝试为它的[ngModel]=graphType放置一个不存在的选项,所以我尝试设置graphType=;不起作用。到目前为止您尝试了什么?我尝试为其[ngModel]=graphType放置一个不存在的选项,所以我尝试设置graphType=;无效。这将禁用所有选项。我只想禁用某些选项,而不是所有选项。@VladimirDespotovic示例添加了Mate您不需要更改节点\模块选择项已经存在于素数节点\模块中,您只需导入它即可。不更改节点模块。选中此选项将禁用所有选项。我只想禁用某些选项,而不是所有选项。@VladimirDespotovic示例添加了Mate您不需要更改节点\模块选择项已经存在于素数节点\模块中,您只需导入它即可。不更改节点模块。请检查此项
SelectButton.prototype.onItemClick = function (event, option, checkbox, index) {
        if (this.disabled || option.disabled) {
<p-button icon="pi pi-check" [disabled]="true" label="Disabled"></p-button>
cards: SelectItem[];

this.cards= [
            {label: 'Paypal', value: 'PayPal', disabled : true },
            {label: 'Visa', value: 'Visa', disabled : false},
            {label: 'MasterCard', value: 'MasterCard', disabled : false}
        ];