Angular 4打字稿，如果布尔值为false则禁用按钮？

Question

我想用打字稿编写一个函数，让我们将其命名为“ isActive（）”，然后在我的html文件中的按钮上调用它。我还声明了一个名为“ isActive”的布尔值。假设我有2个按钮，当我单击按钮1时，将调用isActive（），如果isActive值设置为false，则会禁用按钮2。有帮助吗？

Answer 1

根据您的问题，我了解的是：

共有两个按钮：A和B。如果单击A，则根据更新的变量的值，您要禁用按钮B。

如果满足此要求，则可以使用Angular中的“ click”事件。例如。这里

您的HTML

<button id="a" (click)="fnl($event)">A</button>
<button id="b" [disabled]="!isActive">B</button>

您的TS

fnl(e) {this.isActive=!this.isActive}

不要忘记将isActive声明为类变量