Angular 5在formControlName中获取选择选项的文本答案

【问题标题】：Angular 5 get text of select option in formControlNameAngular 5在formControlName中获取选择选项的文本
【发布时间】：2018-02-14 06:36:18
【问题描述】：

我正在获得选择选项的价值，我想以我使用 ReactiveFrom 的形式获取选定的选项文本

[
  {
    "brokerId": 10,
    "brokerName": "Kennedy, Shea Peter"
  },
  {
    "brokerId": 51,
    "brokerName": "Fernandez, Jaime"
  },
  {
    "brokerId": 279,
    "brokerName": "Stapleton, Bill "
  },
  {
    "brokerId": 489,
    "brokerName": "Marlow, Jeff  D."
  },
]

组件 HTML：

<form [formGroup]="SplitBrokerForm">
        <select formControlName="splitbrokerid1">
            <option>-choose-</option>
            <option *ngFor="let b of broker" value="{{b.brokerId}}" [selected]="b.brokerId == splitbrokerid1">{{b.brokerName}}</option>
        </select>   
</form>

有什么方法可以得到吗？

【问题讨论】：

你的意思是{{b.brokerName}}？
是的，我想获得经纪人名称
所以你的代理对象/数组有 brokerName ?
是的，我更新了我的问题
这里有什么问题检查一下我已经做了stackblitz stackblitz.com/edit/…

标签： angular reactive-forms

【解决方案1】：

您需要将值更改为属性绑定我在此处添加了一个工作示例，请查看 https://stackblitz.com/edit/working-example?file=app/app.component.html

【讨论】：

想要“brokerId 和 brokerName”
你不必使用[selected]="...."，¡这是一个选择！。关于您的问题，您的选项值可以是所有对象