如何使用 ng-options 在 AngularJS 中建立動態下拉清單？

使用AngularJS 的ng-options 進行Select

在AngularJS 中，ng-options 指令可讓您動態產生 的元素基於陣列或物件資料來源。它提供了一種創建可綁定到範圍變數的下拉清單的簡單方法。

從陣列產生選項

要從陣列產生選項，請使用下列語法：

其中：

• selectedValue 是將綁定到所選選項的模型變數
• items是包含選項資料的陣列
• item.value 是用於選項元素value 屬性的值
• item.label 是要為選項元素顯示的文字

例

考慮以下AngularJS控制器：

將此資料呈現為對於與每個項目的標題和id 值相對應的選項，請使用以下程式碼：

選擇預設選項

要預設選擇特定選項，請使用ng-init 指令：

自訂預設選項

透過新增自訂子級到使用空值屬性，您可以建立自訂預設選項：

選擇後隱藏預設選項

要在選擇後隱藏自訂預設選項，請使用ng-隱藏：

以上是如何使用 ng-options 在 AngularJS 中建立動態下拉清單？的詳細內容。更多資訊請關注PHP中文網其他相關文章！