数据绑定 – ngFor与数据绑定？

发布时间：2020-12-17 17:53:59 所属栏目：安全来源：网络整理

导读：我有一个* ngFor,我获取一个英雄列表. 现在,如果我改变英雄的价值,我的英雄也应该改变,你怎么做,最好的方式…… li *ngFor="#hero of heroes" input type="text" [value]="hero.name"/ /li 我只知道制作一个(更改)=“??UpdateListByItem(item)”的方法来调用

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

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

我只知道制作一个(更改)=“??UpdateListByItem(item)”的方法来调用一个方法,但是没有办法为所有项目制作一个双向数据绑定？

解决方法

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

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

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!