如何以更新形式angular

Question

我正在处理更新表单，我希望在更改之前在编辑表单中获取上一个选中的复选框。 为了显示酒店的名称，我在输入中使用了[value]="selectedRole.description"，它运行正常，但我不知道如何使用复选框。 changeValue是在选择布尔属性'visited'时从false更改为true的方法。

<div *ngFor="let hotel of hotels" class="form-group">
      <h4>{{hotel.name}}</h4>
        <label class="custom-control custom-checkbox">
          <input type="checkbox" class="custom-control-input checkbox-dark-gray" (change)="changeValue(hotel.visited)" [checked]="hotel.visited" >
              <span class="custom-control-indicator"></span>
              <span class="custom-control-description">visited</span>
          </label>
     </div>
   </div>                                
</div>

`

Answer 1

一种方法是删除绑定并手动设置字段：

<input type="checkbox" class="custom-control-input checkbox-dark-gray" (change)="changeValue($event, hotel)" >

在你的组件中：

change(e, hotel) {
  /// check hotel.visited here
  /// e.target.checked is the new value
}