如何將 Angular.js 選擇框中的第一個選項設定為預設值？

Angular.js：在選擇框中設定預設選項

使用 時在Angular.js 中，在頁面載入時選擇預設選項會很有用。但是，標準行為選擇由值“？”表示的空選項。

問題

我們如何將資料中的第一個選項設為預設值，產生類似的輸出this:

<select>
    <option value="0" selected="selected">Something Cool</option>
    <option value="1">Something Else</option>
</select>

答案

Angular.js 提供了一種使用ng-init指令實現此目的的簡單方法：

<select ng-init="somethingHere = options[0]"
        ng-model="somethingHere"
        ng-options="option.name for option in options">
</select>

在此程式碼中，ng-init 用於將 SomethingHere 模型初始化為選項陣列中的第一個元素。這可確保預設選擇第一個選項。

以上是如何將 Angular.js 選擇框中的第一個選項設定為預設值？的詳細內容。更多資訊請關注PHP中文網其他相關文章！