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

AngularJS上的

This is a simple directive音频播放器。易于插入和使用，希望对您有所帮助。

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

AngularJS HTML音频播放器

1 个答案: