时间戳

首页 > 解决方案 > SelectItem 禁用属性不起作用？

angular - SelectItem 禁用属性不起作用？

问题描述

我正在使用 primeNG v7.0.3，我想禁用多选组件中的某些选项。但是，我按照文档中的说明做了所有事情，它仍然可以作为一个选项进行选择。 [options]="roleOptions"并初始化为:roleOptions: SelectItem[];然后填充一个由 . 调用的函数ngOnInit。

如果需要更多说明，请告诉我。

如何在 p-multiselect 组件中有条件地禁用我的一些选项？

@编辑：

到目前为止我尝试过 的：堆栈溢出的这个问题

ngOnInit() {
    this.translateInit().then(() => {
      this.setStatusOptions();
      this.setUserRoles();
    });
    this.setEditing();
  }

private setUserRoles() {
    this.roleOptions = [
      { label: this.messages['GLOBAL.USER.ROLE.CLINIC_USER'], value: this.roleEnum.CLINICUSER, disabled: true },
      { label: this.messages['GLOBAL.USER.ROLE.AGENT_USER'], value: this.roleEnum.AGENTUSER },
      { label: this.messages['GLOBAL.USER.ROLE.ADMIN_USER'], value: this.roleEnum.ADMINUSER },
      { label: this.messages['GLOBAL.USER.ROLE.CLINIC_REVIEWER'], value: this.roleEnum.CLINICREVIEWER }
    ];
  }

如果我尝试我已链接的解决方案，我将得到以下信息： 在此处输入图像描述

@Edit2 /解决方案/：

在模板中，您需要删除 optionLabel="label" 才能使用此方法，现在它已禁用。但是，我认为文档应该提到这一点。

有趣的事实！您不需要上述解决方案即可，只需从模板中删除 optionLabel 即可...

标签： angularprimengmulti-select

解决方案

推荐阅读