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

Question

我有以下的html

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

这示于ngFor回路。为了测试目的，我输出了selected值，其中一些是真实的，另一些是错误的，尽管如此，所有复选框都会被检查。

绑定语法有什么问题吗？

Answer 1

问题是我在所有复选框上使用相同的name。使用独一无二的名称的技巧

Answer 2

我没有看到使用绑定的任何问题，请确保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!

希望这有助于！