Angular2,单击按钮选中或取消选中复选框

发布时间：2020-12-17 17:01:40 所属栏目：安全来源：网络整理

导读：我有一个angular2应用程序,我想根据用户操作动态检查或取消选中. 这是我的功能, 我有一个复选框,单击此复选框我要求用户输入他/她的电子邮件并按下提交按钮.用户按下后提交按钮我会显示一个弹出窗口,说明您的电子邮件已保存.和我隐藏文本框和提交按钮.随

我有一个angular2应用程序,我想根据用户操作动态检查或取消选中.

这是我的功能,

>我有一个复选框,单击此复选框我要求用户输入
他/她的电子邮件并按下提交按钮.用户按下后
提交按钮我会显示一个弹出窗口,说明您的电子邮件已保存.和我
隐藏文本框和提交按钮.随之而来的我想
取消选中用户在第一个位置选中的复选框以进入
电子邮件.

当我尝试使用它

document.getElementById("checkBoxID").checked = false;

我收到编译错误

Error:(33,60) TS2339: Property ‘checked’ does not exist on type ‘HTMLElement’.

我在某个地方进行了研究,发现这个属性可以被“选中”而不是“已检查”,但即使这样也行不通.

我可以使用带有布尔值的* ngIf的变通方法,并在我的组件中写入两个复选框,一个用’checked’,一个用’unchecked’,并根据布尔值相应地渲染它们并保持设置布尔值点击按钮,但我相信这将是一个肮脏的解决方案.

Angular2肯定会有更简单的事情,我在这里缺少:(

两种可能的方式

<button (click)="cb.click()">toggle</button>
  <input type="checkbox" #cb>

??????

<button (click)="isChecked = !isChecked">toggle</button>
  <input type="checkbox" [(ngModel)]="isChecked">

Plunker example

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!