角度为2的双向绑定数组

Question

我知道在角度2中有基本的双向绑定,如文档中所示.

我有一个persons 数组,我用它来构建一个HTML列表:

现在,当我点击一个人的行时,我可以使用双向绑定来编辑它:

 <form>
    <label>Name: </label>
    <input [(ngModel)]="selectedPerson.name" name="name"/>

    <label>Description: </label>
    <input [(ngModel)]="selectedPerson.job" name="job"/>
</form>

现在,我想要的是双向绑定列表本身:(列表与行编辑器在不同的视图中)

 <div class='row' *ngFor="let person of model">
    <div class='col'>{{person.name}}</div>
    <div class='col'>{{person.job}}</div>
 </div>

目前,我正在使用*ngFor列出所有人.如果我model是两个人的阵列,我得到两排.有些情况下,model可能会改变为有3或4人.有什么方法可以进行角度检测并相应地添加行？[(ngModel)]这似乎不适用.

基本上,我希望我的列表视图更新,而无需刷新页面.如何model使用于ngFor听取变化？

Answer 1

您不想做任何事情来观察数组的变化。Angular 会照顾你。

这是您的问题的工作示例。ng例如