Angular 2中带有id的复选框值答案

【问题标题】：Checkbox value with id in Angular 2Angular 2中带有id的复选框值
【发布时间】：2018-02-14 21:36:55
【问题描述】：

如何在没有附加布尔变量的情况下获取 angular 2 中的复选框值。

基本上我想根据复选框选择启用或禁用输入字段。我可以在 ngModel 和布尔变量的帮助下做到这一点，但我不需要 ngModel 同时我也不想使用 ngModel。

【问题讨论】：

请分享您尝试了什么？

【解决方案1】：

使用引用变量：

<input type="text" [disabled]="myCheckbox?.checked === false">
<input type="checkbox" #myCheckbox 
       checked="myCheckbox?.checked === true" 
       (change)="myCheckbox.checked = myCheckbox?.checked">

链接到demo。

【讨论】：

错误：ExpressionChangedAfterItHasBeenCheckedError：表达式在检查后已更改。以前的值：“假”。当前值：“真”。在 viewDebugError (core.es5.js?de3d:8418) 在 expressionChangedAfterItHasBeenCheckedError (core.es5.js?
与此问题无关，其他一些错误。请在出现此错误的地方发布更多代码。

【解决方案2】：

试试这个

<input type="checkbox" [(ngModel)]="myCheckbox"> Check me !
<input type="text" [disabled]="myCheckbox" placeholder="Fill me !">

您将需要至少有一个 ngModel 来启用/禁用，以及 2 个来存储输入值。

【讨论】：