AngularJS HTML音频播放器

我正在使用AngularJS创建一个网页。我正在尝试播放一个音频文件，该文件在页面加载完成后加载。 这是我正在使用的html代码：

<audio controls="controls">
     <source ng-src="{{audioFile}}" type="audio/mp3">
</audio>

但当我跳过服务时，它在以下代码中起作用：

angular.module('MyApp')
    .controller('MyCtrl', ['$scope', '$routeParams', 'Quiz',
        function ($scope, $routeParams, Quiz) {            
             $scope.audioFile = "Link to some audioFile";
        }
    ]);

在等待服务响应时，是否有办法使此功能正常工作？

AngularJS上的音频播放器。易于插入和使用，希望对您有所帮助

<player-directive ng-controller="YourCtrl" playlist="{{Your.tracks}}"></player-directive>

此代码中有几个问题会阻止运行。我相信它是手工编写的，而不是您项目中的代码。DI后缺少逗号，函数参数中缺少撇号，quick.get后缺少括号。请提供准确的代码。还要检查控制台中的内容。GET是否实际返回了正确的数据？是的，我尝试过多次记录，它给出了正确的数据。如果我复制该数据并将$scope.audioFile分配给超出我权限的值，它就会工作。如果我复制数据并在quick.get函数中为该数据分配$scope.audioFile，这也不起作用。我只是认为，在GET函数中将正确的数据分配给$scope.audioFile时，我的html不会重新加载

<player-directive ng-controller="YourCtrl" playlist="{{Your.tracks}}"></player-directive>