Javascript ng期权:如何将空期权放在最后?
目前,我得到了类似这样的东西(简化):Javascript ng期权:如何将空期权放在最后?,javascript,angularjs,Javascript,Angularjs,目前,我得到了类似这样的东西(简化): 别人 这将创建一个下拉列表,其中包含人名选项,顶部的“其他人”选项为空。问题是,如何获得下拉列表底部的空选项 为此,我非常希望继续使用ng options,特别是因为控制默认选项的位置似乎太小,无法证明稍微详细一点的方法是正确的 谢谢 将选项与value=”“ 比如: 别人 如果您想在单击下拉列表时在底部显示其他人,您可以使用 <select ng-model="model.policyHolder"> <option n
别人
这将创建一个下拉列表,其中包含人名选项,顶部的“其他人”选项为空。问题是,如何获得下拉列表底部的空选项
为此,我非常希望继续使用ng options
,特别是因为控制默认选项的位置似乎太小,无法证明稍微详细一点的
方法是正确的
谢谢 将选项与
value=”“
比如:
别人
如果您想在单击下拉列表时在底部显示其他人,您可以使用
<select ng-model="model.policyHolder">
<option ng-repeat="person in model.insurance.persons" value="{{person.index}}">{{person.name}}</option>
<option value="">Someone else</option>
</select>
{{person.name}
别人
其他答案似乎在顶部添加了一个元素,而不是底部
如果您想在列表的末尾添加一些内容,可以将其添加到JavaScript中
参见根据角度调整的工作
主要部分抄录如下:
(function(angular) {
'use strict';
angular.module('defaultValueSelect', [])
.controller('ExampleController', ['$scope', function($scope) {
$scope.data = {
availableOptions: [
{id: '1', name: 'Option A'},
{id: '2', name: 'Option B'},
{id: '3', name: 'Option C'}
],
selectedOption: {id: '3', name: 'Option C'} //This sets the default value of the select in the ui
};
// Add the alternative option
// may need to use $digest, depending on where in the process you do this.
$scope.data.availableOptions.push({ id: '', name: 'None of the above'})
}]);
})(window.angular);
您是在询问如何在末尾添加value=”“选项,还是希望输入一个空白字段,该字段仅在选择其他人时可见或处于活动状态?空字段,是。但我希望它位于底部,默认情况下它插入顶部。我不确定发生了什么,但我无法获得正常工作的
ng repeat
方法。它似乎一直在选择值或其他东西,这就是我选择ng选项的原因。但说真的,这是唯一的办法吗?我看起来像是一个平凡的事情,在底部有空的选项…我编辑了我的代码。请使用ng model=“model.policyHolder”
中的选择不在选项中的列表
获取以下部分代码。谢谢
<select ng-model="model.policyHolder">
<option ng-repeat="person in model.insurance.persons" value="{{person.index}}">{{person.name}}</option>
<option value="">Someone else</option>
</select>
(function(angular) {
'use strict';
angular.module('defaultValueSelect', [])
.controller('ExampleController', ['$scope', function($scope) {
$scope.data = {
availableOptions: [
{id: '1', name: 'Option A'},
{id: '2', name: 'Option B'},
{id: '3', name: 'Option C'}
],
selectedOption: {id: '3', name: 'Option C'} //This sets the default value of the select in the ui
};
// Add the alternative option
// may need to use $digest, depending on where in the process you do this.
$scope.data.availableOptions.push({ id: '', name: 'None of the above'})
}]);
})(window.angular);