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

Question

默认情况下，输入字段是禁用的，我应该在选中复选框后启用这些字段。 angular 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" />

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

Enable input filed when checkbox is checked in Angular 4

angular

angular4-forms