Angular mat-option 多个值

标签 angular angular-material

假设我有一个带有成本和名称的界面项。

<mat-option *ngFor="let item of list" [value]="item.name">

这是在 mat-autocomplete 中,一旦用户选择了一个选项,我想同时显示 item.cost 和 item.name,但 [value]="item.name"只允许我显示一个。如何连接两个值?

最佳答案

值可以是一个对象

<mat-option *ngFor="let item of list" [value]="item">{{ item.name }}</mat-option>

关于Angular mat-option 多个值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64521836/

相关文章:

c# - 如何配置.net core Angular azure AD身份验证?

javascript - 哪个是 Angular2/Typescript For Windows 的最佳 IDE

angular - 如何在 Ionic 3 的 app.module 中获取当前事件选项卡名称

angular - Angular 2 中的事件类型是什么?

javascript - Angular 6 - MatDialog - EventEmitter - 将对象从 MatDialog 共享到父组件

html - 如何将 [ngClass] 用于多个类条件 Angular4

Angular Material 2 - 获取第一个选项卡的标签

Angular Material Sidenav 已渲染但未显示

Angular Material 6 在复选框和单选按钮上禁用波纹

angular - 垫菜单中的 xPosition 和 yPosition 不起作用