javascript - 如何将自定义选项添加到 ng-options 输出？

Question

我在表中创建了一个选择，从列表中获取一些电子邮件地址。这是代码:

<td>
    <select ng-init="selectedEmail = selectedEmail ? selectedEmail : emails[0]" class="form-control" ng-model="selectedEmail" ng-options="item as item.dest for item in emails"></select>
</td>

我会添加一个附加选项，该选项将成为最终用户的自定义选项。如果我添加 <option>在 <select> 内它正在被 Angular ng-options 覆盖

<td>
    <select ng-init="selectedEmail = selectedEmail ? selectedEmail : emails[0]" class="form-control" ng-model="selectedEmail" ng-options="item as item.dest for item in emails">
        <option value="custom">Custom</option>
    </select>
</td>

如何添加自定义选项？

我的目的是为用户添加一个“自定义”选项:如果他们选择该选项，他们可以写下他们自己的选择，一个自定义文本。

Answer 1

你可以按照下面的方式做:

<div ng-controller="TestController">
  {{sel}}
  <select ng-model="sel" ng-options="d.value as d.label for d in data">
    <option value="">any</option>
  </select>
</div>

看这个fiddle还有