angular：關於ng-repeat和ng-options

兩者均可用於實現下拉列表，而且度娘上有不少關於二者的內容，此處再也不贅述，本文爲了說明在最近的項目中遇到的相關問題，
能夠寫成以下格式

ng-repeat

<select> <option value="x.id" ng-repeat="x in list" ng-bind="x.name"> </option> </select>

ng-options

<select ng-options="x.id as x.name for x in list" ng-model="listId"> </select>

區別：

1. 如上所示，當在select中時ng-repeat須要寫在option中，而ng-options不須要option，會自動生成。
2. ng-options 必定要和ng-model 搭配，ng-model獲取的是列表的value值。
3. 注意！！
   1).ng-options的value值得類型是number，當list.id是string類型時沒法循環
   2).ng-repeat的value值類型是string，當list.id是number類型時沒法循環
   能夠根據id類型不一樣選擇，這是在最近的項目中發現的問題，經過上述方法解決，若是有不一樣看法，歡迎留言。

另：
附上在解決過程當中嘗試的方法，可能重複，有問題僅作記錄（如下簡寫，如下兩種方法都是使用ng-repeat）

【步驟】：列表list中id類型規定爲number類型，首次實現頁面下拉框時，使用的是ng-repeat，
【結果】：下拉列表顯示爲空白
【問題】：F12查看Elements，發現下拉列表中option以下顯示

<option value="? number:1 ?"></option>

【解決1】 在js中將id裝換爲string 類型
list.id = list.id+"";
【方法的問題】
1.只是寫了一句話，可是須要的地方不少，致使重複....
2.改變了原類型

【解決2】 朋友的思路，在js中寫一個方法將id裝換爲string 類型，並在頁面上使用這個方法，具體以下：
.js:

$scope.toString = function(){ list.id.toString(); }

.html

<option value="{{toString(x.id)}}" ng-repeat="x in list" ng-bind="x.name"></option>