从所选选项中获取文本

Question

我有一个表单，其中一些<select>绑定到来自网络服务的对象：

<select [(ngModel)]="configDatas.type" name="type" id="type">
        <option value="0">Disabled</option>
        <option value="1">Day</option>
        <option value="2">Week</option>
</select>

<select [(ngModel)]="configDatas.days" name="days" id="days">
        <option value="0">Monday</option>
        <option value="1">Tuesday</option>
        <option value="2">Wednesday</option>
</select>

这方面一切都按预期进行。

我需要在表格末尾添加一个句子，它是用户选择的摘要。就像是 ：

<span> You selected type {{configDatas.type}} with day {{configDatas.days}}</span>

但我正在寻找选项的文本，而不是值。我想看到类似的东西：

您选择了类型“周”和“星期一”

这是否可以直接在模板中实现，而无需在组件端使用任何类型的转换？

Answer 1

这可能是版本差异，但接受的答案对我不起作用。但确实很接近了。这就是对我有用的。

(change)="updateType(type.options[type.options.selectedIndex].text)