我有以下内容:
<input [(ngModel)]="title"></input>
<div class="list">
<div *ngFor="let list of lists>
<div (click)="updateNGModel();"> {{list.Name}}</div>
</div>
</div>
我要做的是让我们说有5个列表。单击其中一个时,我想在输入字段中显示单击的值。
如何在列表值和输入字段值之间创建双向绑定?
我是棱角分明的新手,非常感谢任何帮助。
谢谢。
答案 0 :(得分:1)
您应该将list
值传递给updateNGModel()
方法,然后在该方法中将名称(或任何值)存储到title
属性
// component.html
<div *ngFor="let list of lists>
<div (click)="updateNGModel(list);"> {{list.Name}}</div>
</div>
// component.ts
updateNGModel(list){
// store the Name value to the title property
this.title = list.Name;
}
由于title
是绑定到输入的2路数据,因此您的输入字段将会更新。