AngularJS HTML audio player

Question

Я создаю веб-страницу с помощью AngularJS. Я пытаюсь воспроизвести аудиофайл, который загружается, когда страница закончила загрузку. Это HTML-код, я использую:

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

И это мой AngularJS файл, где аудиоплеер ничего не играет.

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

Но он работает в коде ниже, когда я пропускаю службу:

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

Есть ли способ, чтобы сделать эту работу во время ожидания ответа от службы?

Answer 1

This is a simple directive аудиоплеер на AngularJS. Легко вставлять и использовать, надеюсь, поможет вам.

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