Javascript angular CLI-动态更改组件中的复选框'；我不能改变它的状态

我在表单中使用了几个复选框来控制按钮并保存状态。我将在下面用我的代码解释这个问题

<form role="form" name="layoutbutton" (ngSubmit)="save(layoutbutton.value)" #layoutbutton="ngForm" for="layoutbutton" ui-jq="validate">  
<div class="col-md-12">
<div class="col-md-6">
<div class="row">
<h5>PGM</h5>    
<div class="row-md-6">
<div class="form-group">
<input class="onoffswitch-checkbox" id="cam1c" name="cam1c" type="checkbox" (change)="cam1.hidden = !cam1.hidden" #cam1c="ngModel" [(ngModel)]=layoutbutton.cam1c>
<label class="onoffswitch-label" for="cam1c">CAM 01
<span class="onoffswitch-inner"></span>
    <span class="onoffswitch-switch"></span>
</label>
</div>
</div>
<div class="row-md-6">
  <div class="form-group">
<input class="onoffswitch-checkbox" type="checkbox" id="cam2c" name="cam2c" (change)="cam2.hidden = !cam2.hidden" #cam2c="ngModel" [(ngModel)]=layoutbutton.cam2c>
<label class="onoffswitch-label" for="cam2c">CAM 02
    <span class="onoffswitch-inner"></span>
    <span class="onoffswitch-switch"></span>
</label>
</div>
</div>
<div class="row-md-6">
  <div class="form-group">
  <input class="onoffswitch-checkbox" type="checkbox" id="cam3c" name="cam3c" (change)="cam3.hidden = !cam3.hidden" #cam3c="ngModel" [(ngModel)]=layoutbutton.cam3c>
  <label class="onoffswitch-label" for="cam3c">CAM 03
    <span class="onoffswitch-inner"></span>
    <span class="onoffswitch-switch"></span>
</label>
</div>
</div>
</form>

混合

（更改）

，

[（ngModel）]

，

值

并在其上添加一些jQuery绝对不是一条好路！也许你应该看看第一个（chnage），我用它来隐藏潜水。[（ngModel）]和我试图让它工作的值。我认为jQuery是激活属性最简单的方法@n00dl3您能指导我如何解决这个问题吗。

save(data) {
this.submitted = true;
console.log("this.data",data.cam1c);
}