Question

我有以下html

<input type="checkbox" name="person" [(ngModel)]="person.selected" />

这显示在ngFor循环中。我输出selected值用于测试目的，有些是真的，有些是假的，尽管如此，所有复选框都被选中。

绑定语法有什么问题吗？

Answer 1

我没有看到使用绑定的任何问题，请确保selected是真实的或虚假的。

   @Component({
     selector: 'my-app',
     template: `
     <h1 class="title">Simple component</h1>
      <div *ngFor="let person of persons" >
         {{person.name}}
         <input type="checkbox" name="person" [(ngModel)]="person.selected" />
      </div>
    `
    })
    export class AppComponent {

    persons = [
     {
      name: "first",
      selected: true
     },
     {
      name: "second",
      selected: false
     },
     {
      name: "third",
      selected: false
     },
     {
      name: "fourtch",
      selected: true
     }
    ]
  }

这是Plunker!

希望这会有所帮助!!

Answer 2

问题是我在所有复选框上使用相同的name。使用唯一的名称做了诀窍

为什么这个角度绑定不起作用？

2 个答案: