AngularJS下拉的默認值爲空

Question

我正在顯示錶中的數據庫中的數據。其中一個表格列存儲真/假。我將此列顯示爲一個下拉列表，但該值不是對數據庫值的默認值。默認爲空白。

JS

$scope.options = [{ label: 'false', val: false }, { label: 'true', val: true }]; 

$ scope.usersList =用戶

HTML

<tr ng-repeat = "user in usersList"> 
<td> 
        <select ng-model="user.admin" 
          ng-options="opt as opt.label for opt in options"> 
         <option value="{{user.admin}}">{{user.admin}}</option> 
        </select> 
</td> 
</tr> 

頁面源代碼

<td> 
        <select ng-model="user.admin" ng-options="opt as opt.label for opt in options" class="ng-pristine ng-valid ng-touched"><option value="?" selected="selected"></option><option label="false" value="object:15">false</option><option label="true" value="object:16">true</option></select> 
       </td> 

Answer 1

默認情況下，選擇NG選項是空白。從本質上講

$scope.user.admin = options[0]; 

Answer 2

，確保user.admin有映射到你的NG選項設置默認值和處理空白選項值的值：您可以初始化它。

Why does AngularJS include an empty option in select?

Answer 3

你只需要初始化$ scope.user.admin這樣的：

$scope.user.admin = true; 

或類似這樣的

$scope.user.admin = false; 

看一看這個小提琴 - http://jsfiddle.net/r9sb53zv/