角中增加額外的空白選項

Question

選擇框我有一個選擇/下拉框在我Angularjs應用：

<select ng-model="places"> 
    <option value="1">London</option> 
    <option value="2">Paris</option> 
    <option value="3">Madrid</option> 
    <option value="4">Athens</option> 
</select> 

，但在HTML頁面中有一個額外的空白option倫敦選項上面添加。當我刪除ng-model時，它會像我預期的那樣呈現（即默認顯示倫敦有4個選項）。這是正常的嗎？

Answer 1

如果ng-model的值（即位置）與選項值不匹配，則會生成此額外的空白選項，並且默認情況下會被選中。 您需要設置NG-模型值等於其中一個選項，或者如果你不想被默認選中的任意值創建值爲空

<option value="">Select</option> 

和一套NG-模型即的地方多了一個選擇在控制器中將「」設置爲「」。

Answer 2

你的情況，你可以試試這個：

var app = angular.module("Demo", []); 
 
app.controller("AppController", function($scope) { 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="Demo"> 
 
    <div ng-controller="AppController"> 
 
    <select ng-model="places" ng-init="places=1"> 
 
     <option value="1">London</option> 
 
     <option value="2">Paris</option> 
 
     <option value="3">Madrid</option> 
 
     <option value="4">Athens</option> 
 
    </select> 
 
    </div> 
 
</div>

希望這會幫助你。謝謝。