Angular媒体播放器和动态内容

Question

我的控制器中有获取音频的方法：

$scope.searchTracks = function(text) {
    Search.search.get({
        text: text
    }, function(data) {
        $scope.tracks = data;
        $sce.trustAsResourceUrl($scope.tracks.Mp3Ref);
    })
}

要玩游戏，请使用以下播放器： http : //mrgamer.github.io/angular-media-player/

在模板中：

<div class="song_block" ng-repeat="track in tracks">
    ...
<audio media-player="trackPlayer" ng-src="[[ track.Mp3Ref ]]" ></audio>
<span ng-click="trackPlayer.playPause();" ng-class="{ 'pauseZ': trackPlayer.playing, 'playZ': !trackPlayer.playing} "></span>
 </div>

另外，我有一个搜索栏，可以更新曲目。 因此，当我转到站点并单击“播放”音频输出时。 当我在搜索中输入内容并获取新曲目时-它不起作用。 怎么会？ src在正确的路径中，在控制台中不会出现错误

Answer 1

正如私下回答的那样， angular-media-player本身是围绕播放列表构建的，并且其设计目的不是在一页中包含很多指令（事件会碰撞，因为它们基于名称并且会发生不良情况）。

最直接的方法是建立一个包含页面中所有歌曲的播放列表，然后在ng-repeat循环内使用ng-click="mediaPlayer.playPause($index)" 。