Angular 在html文件中禁用具有多层条件的按钮

对不起，我真的不知道怎么称呼这个，这就是为什么我在谷歌上也找不到任何东西。 基本上，我想尝试以下似乎不起作用的方法

<button [disabled]="condition1 || condition2 || (condition3 && condition4)">Save</button>

保存

条件1和条件2工作正常，但如果满足条件3和条件4，则按钮仍处于活动状态

---

感谢您的帮助^ ^

以下是.ts文件中编写的四个条件

    cond3 = true;
    cond2 = false;
    cond1 = false;
    cond4 = true;

下面是.html文件中的代码

<button [disabled]="(cond1 || cond2) || ((cond3 && cond4))">

案例：1 如果cond3和cond4都为true，则它将满足条件并将按钮设置为false
如果cond3和cond4中的任何一个为false，则它将不会统计该条件并使按钮可单击

---

希望您能得到答案。

以下是.ts文件中写入的四个条件

    cond3 = true;
    cond2 = false;
    cond1 = false;
    cond4 = true;

下面是.html文件中的代码

<button [disabled]="(cond1 || cond2) || ((cond3 && cond4))">

案例：1 如果cond3和cond4都为true，则它将满足条件并将按钮设置为false
如果cond3和cond4中的任何一个为false，则它将不会统计该条件并使按钮可单击

---

希望您能得到答案。

您可以使用函数来实现这一点

in.ts

   getCondition():boolean{
      return this.condition1 || this.condition2 || (this.condition3 && this.condition4);
    }

.html

<button [disabled]="getCondition()">Save</button>

保存

您可以使用函数来实现这一点

in.ts

   getCondition():boolean{
      return this.condition1 || this.condition2 || (this.condition3 && this.condition4);
    }

.html

<button [disabled]="getCondition()">Save</button>

保存

什么是条件3和条件4？请提供一些上下文如果条件1为真或条件2为真或条件3和条件4均为真，则上述按钮将被禁用。满足条件3和条件4是什么意思？顺便说一句。在.ts代码中而不是在组件中处理这些事情是否更好。类似于

isActive

作为布尔值，在

ngOnInit（）{this.isActive=…}

中，如果

condition1

为真，那么其余的都不会被计算。condition3和condition4是什么？请提供一些上下文如果条件1为真或条件2为真或条件3和条件4均为真，则上述按钮将被禁用。满足条件3和条件4是什么意思？顺便说一句。在.ts代码中而不是在组件中处理这些事情是否更好。类似于

isActive

作为布尔值，并且在

ngOnInit（）{this.isActive=…}

中，如果

condition1

为真，那么其余部分甚至不会被计算。