角度表单:在自动完成选择时,定义与输入值不同的formcontrol值

时间:2018-01-08 13:23:34

标签: angular forms typescript

如何屏蔽formcontrol名称的输入。 HTML 显示自动填充功能时,您只能看到airport.name。 当用户选择机场时,我想在输入值中显示airport.name,但在formControl中我想将机场对象设置为值,因为当我进行搜索时,我需要的不仅仅是字符串来查找数据。

repeatable read

1 个答案:

答案 0 :(得分:1)

您只需为(onSelectionChange)=selectedAirport(airport)

实施<mat-option>即可获得整个机场对象

刚为它创建了一个stackblitz:https://stackblitz.com/edit/angular-nj3saw