Question

我有以下内容：

<input [(ngModel)]="title"></input>
<div class="list">
    <div *ngFor="let list of lists>
       <div (click)="updateNGModel();"> {{list.Name}}</div>
    </div>
</div>

我要做的是让我们说有5个列表。单击其中一个时，我想在输入字段中显示单击的值。

如何在列表值和输入字段值之间创建双向绑定？

我是棱角分明的新手，非常感谢任何帮助。

谢谢。

Answer 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路数据，因此您的输入字段将会更新。

输入和列表之间的角度双向绑定

1 个答案: