Angular media player和动态内容

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)"。