如何在 angular 5 绑定中获取内容的值和名称？

Question

目前，如果我使用 ngModel，我可以保存名称内容如果我使用 ngValue，我可以保存内容的值。

但我需要 selected 下拉列表的内容和值，请帮我摆脱它。

<select [(ngModel)] = "bindingobject.studentId" name= " studentName">

<Option selected = true > Select <option>

<Option *ngFor = " let Stu of StudentEntity " value  = " {{Stu.studentId}} > {{Stu.studentName}}</option>
</Select>

所以在这里我需要 select 学生姓名和 ID

Answer 1

您可以使用 [ngValue] 获取作为对象的值。

像这样

<select [(ngModel)]="myDropDown" name="studentName">
<option *ngFor="let c of studentData" [ngValue]="c">> {{c.studentName}}</option>
</select>

这会将值视为一个对象，因此您将获得 studentid 并命名两者。

Demo

如何在 angular 5 绑定中获取内容的值和名称？

How to get both value and name of content in angular 5 binding?

angular5