ngFor与数据绑定?

时间:2016-01-25 10:13:53

标签: data-binding typescript angular

我有一个* ngFor,我在哪里获取一个英雄列表。 现在,如果我改变英雄的价值,我的英雄也应该改变,你怎么做,最好的方式......

CarAdapter

我只知道制作(改变)=" UpdateListByItem(item)"的方法。 ,调用方法,但是没有办法为所有项目制作双向数据绑定?

3 个答案:

答案 0 :(得分:6)

您可以使用ngModel指令进行双向数据绑定

<li *ngFor="#hero of heroes">
  <input type="text" [(ngModel)]="hero.name"/>
</li>

每当您更改输入文本时,相应的英雄名称将会更改。

可在此处找到更多信息https://angular.io/docs/ts/latest/guide/forms.html

答案 1 :(得分:2)

您可以使用ngModel自动执行此操作

<li *ngFor="#hero of heroes">
  <input type="text" [(ngModel)]="hero.name"/>
</li>

答案 2 :(得分:1)

看看这个Answer ngModel 允许更改个人姓名并立即更新列表。

    <ul>
        <li *ngFor="#hero of heros">
            <input type="type"  [value]="hero.name"  [(ngModel)]="hero.name" />
        </li>
    </ul>