有没有办法订阅按钮的启用状态？

Question

我有一个模板驱动的 Angular 表单，该表单有一个由外部因素修改的提交按钮，并且只有在页面及其数据加载后满足这些因素时才启用。

我希望能够准确地知道按钮何时启用（并且页面已正确加载），以便我可以记录页面初始化和页面完全加载之间的持续时间。

我认为这个属性可能是由 FormGroup 对象的 valueChanges 可观察对象公开的，但是 valueChanges 只包含与在 FormGroup 中找到的 FormControls 相关的信息。没有关于提交按钮的信息。

有没有其他方法可以做到这一点？

Answer 1

正如我在您的另一篇文章（！）中所说，您可以像这样使用双向绑定：

<button [disabled]="isDisabled"></button>

在你的 ts 文件中：

isDisabled: bool = false;

• 不必在 ts 组件中为 'isDisabled' 变量设置值，但您可以在发生更改时从该变量中获取它的状态。