从角度“ng-model”选择元素中选择第一个选项，带有一个按钮

Select first option from angular 'ng-model' select element , with a button

本文关键字：选择 选项 第一个 按钮 有一个 元素 ng-model      更新时间：2023-09-26

我找不到通过单击下面的按钮来选择数组歌曲中的第一个项目的方法

我的代码 ： 

  <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指令来解决此问题，但我发现这是错误的。

在点击事件中，您必须将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];
    }
};
相关文章：