时间戳

首页 > 解决方案 > Angular - 动态添加控件的属性绑定

angular - Angular - 动态添加控件的属性绑定

问题描述

Angular 支持 HTML 中的一种/两种方式绑定（一种方式：<button [disabled]="buttonDisabledProperty" />，两种方式：）<input [(value)]="inputValueProperty" />。

如果控件是从 TypeScript 添加的，我们如何实现这一点？

{
    label: 'Approve',
    icon: 'icon-tlbr-approve',
    disabled: this.isApproveDisabled()
}

在这种情况下，该函数isApproveDisabled()只被调用一次，并且 Angular 不会观察该函数返回值的变化。因此，禁用状态永远不会改变。

我们如何通过 TypeScript 代码添加控件，确保 disabled 属性单向绑定到返回值isApproveDisabled()（与在 HTML 中使用 绑定的方式相同[disabled]="isApproveDisabled()"）？

标签： angulartypescriptbinding

解决方案

推荐阅读