angularjs-使用<select>标记中的下拉菜单时出现问题,使用ng选项时不能有2个自定义选项

不可能有多个硬编码选项 ngOptions ,如文档中明确提到的:

可选地,一个硬编码元素,其值设置为 对于空字符串,可以嵌套到元素中。这个 元素将表示空或“未选定”选项。

解决办法可能是 ngRepeat :

<select class="form-control btn-primary btn dropdown-toggle" ng-model="selection">
    <option value="" selected></option>
    <option ng-repeat="s in list">{{s.name}}</option>
    <option ng-click="" value="split">Split</option>
</select>

更新小提琴: https://jsfiddle.net/0xyt24sh/17/

从 ngOptions documentation:

或者,可以将值设置为空字符串的单个硬编码元素嵌套到元素中。然后,此元素将表示空或“未选定”选项。请参见下面的示例进行演示。

在这种情况下, ngOptions 不适合你的问题;相反,你可以使用 <option> 带着 ng-repeat 如此:

<select required class="form-control btn-primary btn dropdown-toggle" ng-model="selected">
   <option selected value=""></option> 

   <option ng-repeat="item in list track by item.code">
     {{item.name}}
   </option>

   <option value="split" ng-click="doSomething()">Split</option>       
 </select>   

Working JSFiddle here