ng options用法詳解

2022-09-01 13:30:17 字數 786 閱讀 4756

ng-options屬性可以在表示式中使用陣列或物件來自動生成乙個select中的option列表。ng-options與ng-repeat很相似,很多時候可以用ng-repeat來代替ng-options。但是ng-options提供了一些好處,例如減少記憶體提高速度,以及提供選擇框的選項來讓使用者選擇。當select中乙個選項被選擇,該選項將會被繫結到ng-model。如果你想設乙個預設值,可以像這樣:$scope.selected = $scope.collection[3]。

之前一直在用ng-repeat就見到過track by,沒有去了解它的用法,這次了解了一下。track by主要是防止值有重複,angularjs會報錯。因為angularjs需要乙個唯一值來與生成的dom繫結,以方便追蹤資料。例如:items=[「a」,「a」,「b」],這樣ng-repeat=「item in items」就會出錯,而用ng-repeat=「(key,value) in items track by key」就不會出現錯誤了。

ng-options一般有以下用法:

對於陣列:

乙個簡單的例子:

color (null not allowed):

color (null allowed):

-- choose color --

color grouped by shade:

color grouped by shade, with some disabled:

select bogus.

currently selected: }}

angular指令筆記 ng options

1 ng options指令用途 在表示式中使用陣列或物件來自動生成乙個select中的option列表。ng options與ng repeat很相似,很多時候可以用ng repeat來代替ng options。但是ng options提供了一些好處,例如減少記憶體提高速度,以及提供選擇框的選項來...

有關ngOptions 多選的小思考

隨著angular的流行,大城市的一些公司在招人的時候會點名要具備angular開發的能力。分享乙個ng的小坑,雖然解決了,但是還是不明就裡。希望下次會注意,也請路過的大神提點。專案中有核取方塊的需求select,還要多選的。大概效果如下圖 簡單看了下api,就找到ngoptions咯,於是比貓畫虎...

const用法詳解

物件導向是c 的重要特性.但是c 在c的基礎上新增加的幾點優化也是很耀眼的 就const直接可以取代c中的 define 以下幾點很重要,學不好後果也也很嚴重 1.const常量,如const int max 100 優點 const常量有資料型別,而巨集常量沒有資料型別。編譯器可以對前者進行型別安...