初始化' - 选择 - '在下拉列表中

Question

我怎样才能初始化 - 选择 - 作为第一个选项，而我从服务器使用ng-options获取选择选项..我试过ng-init但它没有锻炼..

html元素

<select ng-options="item as item.approver1_name for item in request.approver1_data track by item.id" id="selectform" ng-model="selected_approver1_email" > 

我能够获取审批的名单。但我需要添加 - 选择 - 选项为默认..

Answer 1

可以使用NG-初始化设置默认值，只是默认对象追加到数组

$scope.approver1_data.push({ 
     id: '-1', 
     name: '--Select--' 
    }); 

DEMO

angular.module('ngrepeatSelect', []) 
 
    .controller('ExampleController', ['$scope', function ($scope) { 
 
    $scope.approver1_data = [ { 
 
     id: '1', 
 
     name: 'Option A' 
 
    }, { 
 
     id: '2', 
 
     name: 'Option B' 
 
    }, { 
 
     id: '3', 
 
     name: 'Option C' 
 
    }]; 
 
    $scope.approver1_data.push({ 
 
     id: '-1', 
 
     name: '--Select--' 
 
    }); 
 
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="ngrepeatSelect"> 
 
    <div ng-controller="ExampleController"> 
 
     <form name="myForm"> 
 
      <label for="repeatSelect">Angular select:</label> 
 
<select name="repeatSelect" 
 
    id="repeatSelect" 
 
    ng-model="repeatSelect" 
 
    ng-init=" repeatSelect = '-1'" 
 
    ng-options="option.id as option.name for option in approver1_data">   
 
</select> 
 
     </form> 
 
     <br/> <tt>Selected value: {{repeatSelect}}</tt> 
 

 
    </div> 
 
</div> 
 
<br/>

Answer 2

你可以做到这一点

HTML

<div ng-controller="MyCtrl"> 
    <select ng-options="region.code as region.name for region in regions" ng-model="region"> 
    <option style="display:none" value="">--select--</option> 
    </select> 
    <br>selected: {{region}} 
</div> 

控制器

var myApp = angular.module('myApp', []); 

function MyCtrl($scope) { 
    $scope.regions = [ 
     { 
     name: "Alabama", 
     code: "AL"}, 
    { 
     name: "Alaska", 
     code: "AK"}, 
    { 
     name: "American Samoa", 
     code: "AS"}, 
     ]; 
} 

这里是链接到工作JSFIDDLE您可以在其中进一步实验。