我正在使用Angular 4,我的组件的html模板
文件上有
一个复选框:
<input type="checkBox" (change)="canBeEditable($event)">
在我的组件的.ts文件中,我将此值设置为true.
toggleEditable() {
this.contentEditable = true;
}
我的问题是,如果选中复选框,我只想更改值.
所以它看起来像:
toggleEditable() {
if (checkBox is checked) {
this.contentEditable = true;
}
}
我怎样才能做到这一点?
您需要检查event.target.checked以
解决此问题.这是你如何实现这一目标的:
<input type="checkBox" (change)="toggleEditable($event)">
在组件的.ts中:
toggleEditable(event) {
if ( event.target.checked ) {
this.contentEditable = true;
}
}