Angularjs常用指令

ng-repeat和ng-options的區別

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

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

3、區別：
如上所示，當在select中時ng-repeat需要寫在option中，而ng-options不需要option，會自動生成。
ng-options 一定要和ng-model 搭配，ng-model獲取的是列表的value值。

注意！！
1).ng-options的value值得類型是number，當list.id是string類型時無法循環
2).ng-repeat的value值類型是string，當list.id是number類型時無法循環
可以根據id類型不同選擇，這是在最近的項目中發現的問題，通過上述方法解決

ng-show和ng-if的區別

常用指令和服務