Angular2更改按钮禁用状态功能

Question

我有一个带有按钮的简单表单，我希望使用一个简单的函数来控制其禁用状态

所以我写了以下

<button pButton type="button" icon="fa-plus" iconPos="left" label="Add Device" class="ui-button-swat" (click) = "addDevice()" [disabled]="!checkAddDeviceConditions()"></button>

函数本身很简单，检查某些字段是否有值，但是我注意到只要用户移动鼠标就会调用该函数，并且无需多次调用它。

我关注的问题是，它是否被认为是控制禁用属性的正确方法？

Answer 1

是否正确具体取决于具体情况。如果您因此注意到性能错误，或者功能非常密集，那么可能不是。如果它真的很简单，就像听起来那样，那么它可能并不重要。

但是，如果你希望它只在这些字段更新时运行，你可以将它分配给checkAddDeviceConditions函数内的变量，而不是返回一个布尔值，然后放一个

(change)="checkAddDeviceConditions()"

或

(input)="checkAddDeviceConditions()"

在您要触发检查更新的每个字段上。