Question

我想在当前对象中绑定字段值，并且切换复选框取决于它的值。

我的复选框：

<label class="checkbox-inline checbox-switch switch-success">
<input
  #livingRoom
  type="checkbox"
  name="livingRoom"
  id="livingRoom"
  [checked]="showDefaultTypeRoom.isExistLivingRoom"
/>
<span></span>
</label>

我更改了 showDefaultTypeRoom 对象和 isExistLivingRoom 但我的复选框没有切换取决于isExistLivingRoom值。

如何解决？

Answer 1

使用：

<input type="checkbox" [(ngModel)]="test.value"/>

在TS中：

public test = {value: true};

试试这里： https://stackblitz.com/angular/demklkjdbqq

（或使用反应形式）

Answer 2

你应该使用双向绑定：

[(ngModel)]="showDefaultTypeRoom.isExistLivingRoom"

而不是：

[checked]="showDefaultTypeRoom.isExistLivingRoom"

为什么复选框不是对象字段的绑定值（Angular 4）

2 个答案: