Question

我想知道在<option>和</option>之间检索文本的最佳方法是什么，因为分配给<select>的模型只返回id。< / p>

<select class="form-control" ng-model="videos.playlist">
    <option ng-repeat="playlist in playlists" value="@{{ playlist.id }}"
            ng-selected="savePlaylistName()">
        @{{ playlist.name }}
    </option>
</select>

正如所说的那样，videos.playlist包含playlist.id，但我怎样才能在变量中包含playlist.name？我唯一能想到的是，使用ng-selected然后处理它，但它比我期望和/或寻找的更精细。那么，任何想法都能轻松实现吗？

理想情况下，我会有类似videos.playlist.id和videos.playlist.name的内容，因为我还需要id。

Answer 1

试试这个：

<select ng-model="videos.playlist" ng-options="playlist.id for playlist.name in playlists">
      <option value="">-- choose playlist --</option>
</select>

Answer 2

将ng-option与表达式一起使用：

<select ng-model="videos.playlist" ng-options="playlist.name for playlist in playlists">
      <option value="">-- choose playlist --</option>
</select>

播放列表对象是将绑定到video.playlist的选定对象。

使用angular检索选定的选项文本，而不仅仅是包含id的值

2 个答案: