如何在 AngularJS 的 ng-options 指令中設定選項的值？

在AngularJS 的ng-options

中擷取選項值

在ng-options 指令中，指定選項的值可以是讓一些人感到困惑。文件不夠清晰，但理解底層的理解表達式可以澄清這個過程。

為了設定選項的值，AngularJS 使用了一個理解表達式，它類似於 Python 的列表理解。在 AngularJS 中，ng-options 的理解表達式可以採用多種形式。

數組資料來源的語法：

數組中值的標籤
選擇數組中值的標籤
數組中值的分組標籤
數組中值分組選擇標籤track by trackexpr

物件語法資料來源：

物件中（鍵，值）的標籤
選擇物件中（鍵，值）的標籤
按群組為（鍵，值）新增標籤在物件中
在物件中為（鍵，值）分組選擇標籤

對於您的具體情況，正確的語法是：

array = [{ " value": 1, "text": "1st" }, { "value": 2, "text": "2nd" } ];

使用AngularJS 更新進行更新：

最近的AngularJS 更新允許設定實際的使用track by 表達式的select 元素的value 屬性的值：

助記符：

為了回憶複雜的語法，它有助於將其分解成更小的區塊：

標籤-> ;您想在螢幕上看到的內容
->表示正在迭代
value -> 的陣列或物件您想要儲存在選項的value 屬性中的內容
as ->用於在螢幕上將值標記為不同的值（可選）
group by ->用於對選項進行分組（可選）
track by ->用於設定選項的value 屬性的值（可選）

透過理解語法並利用這些助記符，您可以放心地在AngularJS 的ng-options 中設定value 屬性。

以上是如何在 AngularJS 的 ng-options 指令中設定選項的值？的詳細內容。更多資訊請關注PHP中文網其他相關文章！