AngularJS:如何添加一个名为;增加新的价值……”;在下拉列表中?

AngularJS:如何添加一个名为;增加新的价值……”;在下拉列表中?,angularjs,drop-down-menu,Angularjs,Drop Down Menu,我有一个下拉列表,包含以下3项: 100 200 300 使用AngularJS很容易做到这一点 HTML: 现在新的要求是在下拉列表中添加一个特殊选项 Add New Value ... 100 200 300 选择“添加新值…”时,应显示一个新对话框,允许用户在下拉列表中添加新值 如何实现这种下拉列表?为什么不自己创建如下选项: <select ng-model="selectedNumber"> <option>Add New Value</opt

我有一个下拉列表,包含以下3项:

100
200
300
使用AngularJS很容易做到这一点

HTML:

现在新的要求是在下拉列表中添加一个特殊选项

Add New Value ...
100
200
300
选择“添加新值…”时,应显示一个新对话框,允许用户在下拉列表中添加新值


如何实现这种下拉列表?

为什么不自己创建如下选项:

<select ng-model="selectedNumber">
    <option>Add New Value</option>
    <option ng-repeat="opt in myNumbers">{{opt.label}}</option>
</select>
并将其绑定为这样的选择

<select ng-model="selectedNumber"
        ng-options="opt as opt.label for opt in selectNumbers()">

为什么不自己创建如下选项:

<select ng-model="selectedNumber">
    <option>Add New Value</option>
    <option ng-repeat="opt in myNumbers">{{opt.label}}</option>
</select>
并将其绑定为这样的选择

<select ng-model="selectedNumber"
        ng-options="opt as opt.label for opt in selectNumbers()">

为什么不自己创建如下选项:

<select ng-model="selectedNumber">
    <option>Add New Value</option>
    <option ng-repeat="opt in myNumbers">{{opt.label}}</option>
</select>
并将其绑定为这样的选择

<select ng-model="selectedNumber"
        ng-options="opt as opt.label for opt in selectNumbers()">

为什么不自己创建如下选项:

<select ng-model="selectedNumber">
    <option>Add New Value</option>
    <option ng-repeat="opt in myNumbers">{{opt.label}}</option>
</select>
并将其绑定为这样的选择

<select ng-model="selectedNumber"
        ng-options="opt as opt.label for opt in selectNumbers()">


非常感谢!也许第一个选择更好,因为-1也是用户可以添加的有效数字。我也更喜欢第一个,但是如果您想使用第二个,并且-1是正确的值,请使用
null
代替标题,是否可以使原始值仍然被选择?例如,如果选择了值300,那么用户选择“添加新值”,结果应该是:仍然选择了300,并且会显示一个AddNewValue对话框。单击“添加新”按钮时如何打开Dailog框谢谢!也许第一个选择更好,因为-1也是用户可以添加的有效数字。我也更喜欢第一个,但是如果您想使用第二个,并且-1是正确的值,请使用
null
代替标题,是否可以使原始值仍然被选择?例如,如果选择了值300,那么用户选择“添加新值”,结果应该是:仍然选择了300,并且会显示一个AddNewValue对话框。单击“添加新”按钮时如何打开Dailog框谢谢!也许第一个选择更好,因为-1也是用户可以添加的有效数字。我也更喜欢第一个,但是如果您想使用第二个,并且-1是正确的值,请使用
null
代替标题,是否可以使原始值仍然被选择?例如,如果选择了值300,那么用户选择“添加新值”,结果应该是:仍然选择了300,并且会显示一个AddNewValue对话框。单击“添加新”按钮时如何打开Dailog框谢谢!也许第一个选择更好,因为-1也是用户可以添加的有效数字。我也更喜欢第一个,但是如果您想使用第二个,并且-1是正确的值,请使用
null
代替标题,是否可以使原始值仍然被选择?例如,如果选择了值300,那么用户选择“添加新值”,结果应该是:300仍然处于选中状态,并且会显示一个AddNewValue对话框。单击“添加新值”按钮时如何打开Dailog框