Question

点击下面的按钮，我找不到选择阵列歌曲中第一个项目的方法

我的代码：

  <div class="list-group-item">
         <p>
            Titel : <select ng-model="selectedSong" ng-options="song as song.title for song in songs.tracks"></select>
         </p>
         <p>
            Artiest : <select ng-model="selectedSong" ng-options="song as song.artist.name for song in songs.tracks"></select>
         </p>
         <p>
            Tijdstip : <select ng-model="selectedSong" ng-options="song as song.played_at for song in songs.tracks"></select>
         </p>
         <!-- <button ng-click="selectedSong.value == '1'"></button> -->
  </div>

我遗漏了我的其他代码以说清楚。此时，当我在下拉列表中选择某些内容时，它使用ng-model指令查看下面的元素。在评论中，我尝试用按钮上的ng-click指令修复此问题，但我发现这是错误的。

Answer 1

在点击事件中，您必须将selectedSong设置为第一个song

<button ng-click="selectedSong = songs.tracks[0]"></button>

如果您想确保自己的tracks列表中有歌曲，则可以执行以下操作：

HTML：

<button ng-click="getFirstSong()"></button>

AngularJS（在您的控制器中）：

$scope.getFirstSong() = function () {
    if ($scope.songs.tracks.length > 0) {
        $scope.selectedSong = songs.tracks[0];
    }
};

从angular＆＃39; ng-model＆＃39;中选择第一个选项。选择元素，带一个按钮

1 个答案: