一般情况下对于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>
时间: 2024-10-01 10:25:25