在ng-options 指令中,指定選項的值可以是讓一些人感到困惑。文件不夠清晰,但理解底層的理解表達式可以澄清這個過程。
為了設定選項的值,AngularJS 使用了一個理解表達式,它類似於 Python 的列表理解。在 AngularJS 中,ng-options 的理解表達式可以採用多種形式。
數組中值的標籤
選擇數組中值的標籤
數組中值的分組標籤
數組中值分組選擇標籤track by trackexpr
物件中(鍵,值)的標籤
選擇物件中(鍵,值)的標籤
按群組為(鍵,值)新增標籤在物件中
在物件中為(鍵,值)分組選擇標籤
對於您的具體情況,正確的語法是:
array = [{ " value": 1, "text": "1st" }, { "value": 2, "text": "2nd" } ];
最近的AngularJS 更新允許設定實際的使用track by 表達式的select 元素的value 屬性的值:
為了回憶複雜的語法,它有助於將其分解成更小的區塊:
標籤-> ;您想在螢幕上看到的內容
->表示正在迭代
value -> 的陣列或物件您想要儲存在選項的value 屬性中的內容
as ->用於在螢幕上將值標記為不同的值(可選)
group by ->用於對選項進行分組(可選)
track by ->用於設定選項的value 屬性的值(可選)
透過理解語法並利用這些助記符,您可以放心地在AngularJS 的ng-options 中設定value 屬性。
以上是如何在 AngularJS 的 ng-options 指令中設定選項的值?的詳細內容。更多資訊請關注PHP中文網其他相關文章!