AngularJS中播放音频audio

一般情况下对于audio标签，angularjs是不支持的。

用过滤器可以解决这个问题。

 

myModule.filter('trustUrl',function($sce){
        return function (input) {
            return $sce.trustAsResourceUrl(input);
        }
});

myModule.controller('myController',function($scope){
　　//组装chat的信息
　　...

　　//播放
　　$scope.playAudio = function(id){
　　　　document.getElementById(id).play();
　　}
});

在页面中使用：

 

<audio ng-src="{{chat.audio|trustUrl}}" id="{{chat.id}}"></audio>
<span ng-click="playAudio(chat.id)">点击播放</span>