angularJS--ngSelect

給select綁定ng-model時，經常會出現首選第一個option值是undefined。如圖，

源代碼

1  <select ng-model="newSupplier.companytype">
2       <option value="A">A類貨源供應商</option>
3       <option value="B" ng-selected="newSupplier.companytype=='B'">B類貨源供應商</option>
4  </select>

主要原因是：ng-model綁定的值“newSupplier.companytype”沒有初始值。瀏覽器自動解析為undefined。

瀏覽器解析代碼：

<select ng-model="newSupplier.companytype" class="ng-pristine ng-valid">
　　<option value="? undefined:undefined ?"></option>
   <option value="A">A類貨源供應商</option>
   <option value="B" ng-selected="newSupplier.companytype=='B'">B類貨源供應商</option>
</select>

解決辦法：

只要在js文件中，初始化ng-model所綁定的值即可。

$scope.newSupplier.companytype='B';

另外，ng-selected可以幫助自動指定預設選中項。

關於ng-selected和ng-option以及ng-repeat，待補充。