禁用基于自定义角度指令的字段答案

【问题标题】：disable a field based on custom angular directive禁用基于自定义角度指令的字段
【发布时间】：2023-03-27 03:11:01
【问题描述】：

我可以使用如下自定义指令显示/隐藏字段

<button *ifPermission="permissions;mode:authMode">
</button>

有没有办法可以使用相同的元素禁用该元素？我尝试了以下不起作用

<button [disabled]="{{*ifPermission='permissions;mode:authMode'}}"
</button>

【问题讨论】：

如果你在谷歌中输入你的问题标题，第一个结果会回答你的问题medium.com/@tumma.suryaprakash/…
我想评估这个指令 =*ifPermission="permissions;mode:authMode" 并将结果 true 或 false 传递给 disabled
您是否有理由不希望参数化指令以在不同情况下按照您的意愿行事？
此指令来自我在应用程序中使用的外部化库。我想知道是否有办法在应用程序中实现这一点而无需修改指令。
恐怕不可能。指令不是您可以调用的函数，而是您应该用来更改组件外观的构造。您可以尝试将 *ifPermission 包装在您自己的指令中，并在那里引入您的额外逻辑。它对你有用吗？

【解决方案1】：

指令不是您可以调用的函数，而是您应该用来更改组件外观的构造。

如果您无法修改 *ifPermission 指令，您可以尝试将其包装在您自己的指令中并在那里引入您的额外逻辑。

export class ExtendedDirective extends IfPermissionDirective{
  constructor() {
    super(/*  */);
  }
}

【讨论】：