在 Angular 4 中选中复选框时启用输入字段

Question

默认情况下，输入字段被禁用，一旦选中复选框，我应该启用这些字段。角度 4 有什么想法吗？

Answer 1

不确定我是否理解这里的问题，但请确保您的复选框未绑定已设置为 false（或默认 bool）的模型

如果您只是在选中复选框时尝试启用复选框，则可以执行以下操作：

export class AppComponent {
    isDisabled = true;
    triggerSomeEvent() {
        this.isDisabled = !this.isDisabled;
        return;
    }
}

和你的 HTML：

<input type="checkbox" name="myChk" id="myChk" (change)="triggerSomeEvent()" />
<input type="text" name="myTxt" id="myTxt" value="" [disabled]="isDisabled" />