javascript - 在 AngularJS 中预选一个 "unknown"选项

Question

我正在尝试在选择下拉列表中预先选择一个选项，如果选项的值是静态的，我知道该怎么做。但如果它们动态变化怎么办？就我而言，我得到了一个更新很多的专辑列表，所以我永远不知道这些选项的值(value)是什么。我尝试使用 ng-init 选择列表中的第一个专辑，如下所示:

<select class="rounded bold" ng-model="selectedAlbum" ng-init="selectedAlbum='album[0].albumName'">
    <option ng-repeat="album in albumsList" value="{{album.albumName}}" ng-bind="album.albumName">
</select> 

但不幸的是，从我的搜索中我找不到任何可以回答这个问题的东西。它可能是 ng-options ，但据我所知，它不会生成带有绑定(bind)的选项。就像我在上面的代码中所做的那样。

我如何实现这一目标？

Answer 1

使用 ng-options 指令构建列表，并包含一个空值选项:

<select class="rounded bold"
        ng-model="selectedAlbum" 
        ng-options="album.albumName for album in albumsList">
  <option value="">-- choose album--</option>
</select>

参见this jsBin