从列表中接收模型并显示属性[javascript] [angular7]

时间:2019-01-28 13:11:37

标签: angular typescript drop-down-menu angular7

我有一个包含对象模型的列表。该模型具有名字和姓氏。

我想将模型加载到一个保管箱中,但要看到名字和姓氏。 我使用数据绑定来获取信息。如何获取模型对象而不是名字和姓氏?

这是我的HTML代码:

<select id="model" [(ngModel)]="currentSelectedModel">
  <option *ngFor="let model of modellist">{{model.firstName}}</option>
</select>

和打字稿代码:

currentSelectedModel = new model();
modellist = model[] = []

和一个在模型列表中填充2个对象进行测试的函数。 我假设我必须更改<option></option>中的某些内容?

1 个答案:

答案 0 :(得分:0)

如果你只是想显示姓氏和名字,做这种方式。另外,使用model伪指令将[value]设置为值。

<select id="model" [(ngModel)]="currentSelectedModel">
    <option *ngFor="let model of modellist"
    [ngValue]="model">{{model.firstName}} {{model.lastName}}</option>
</select>