Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ng期权:如何将空期权放在最后?_Javascript_Angularjs - Fatal编程技术网

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);