如何在Angular中让Disabled属性优先级高于*ngIf，实现按钮条件控制？

直接按以下逻辑调整HTML代码即可实现需求：

<button 
  *ngIf="condition1 || !condition2"
  [disabled]="condition1"
  (click)="buyIt(orderD)"
>
  Buy it now
</button>

逻辑说明： #

• 显示/隐藏控制（*ngIf）：
  • 当condition1为true时，不管condition2是什么，按钮都会显示（对应需求里"condition1为true时显示禁用按钮"的要求）
  • 当condition1为false时，只有condition2为false才显示按钮，满足"condition2为true时隐藏按钮"的规则
• 禁用控制（[disabled]）：直接绑定condition1，只要condition1为true，按钮就处于禁用状态，反之则启用

这样就完全匹配你要求的逻辑，不需要修改TS文件，仅在HTML中即可实现。

内容的提问来源于stack exchange，提问作者John Mas