Question

我试图播放声音，如果我使用链接听起来像这样：

<audio controls ng-src="http://playerdemo.iainhouston.com/tests/BeBopAliens.mp3"></audio>

没关系，但是当我尝试使用$scope.audioArray这样的链接时：

<div ng-repeat="au in audioArrray">
  <audio controls ng-src="{{au.link"}}> </audio>
</div>


$scope.audioArray = [
{
   id: 1,
   link: "http://playerdemo.iainhouston.com/tests/BeBopAliens.mp3"
}];

它没有玩，我完成了Plunker Example。也许有人知道我怎么解决它？谢谢你的回答！

Answer 1

这是你得到的错误：

无法插值：{{au.link}}错误：[$ sce：insecurl] http://errors.angularjs.org/1.5.7/ $ SCE / insecurl？P0 = HTTP％3 ...

它基本上意味着插值因您传递的不受信任资源而失败。

此处有关此问题的更多信息：https://docs.angularjs.org/api/ng/service/ $ sce

试试这个：

var myApp = angular.module("myApp",[]);
myApp.controller("defCtrl", function($scope, $sce){
  $scope.audioArray = [
    {
      id: 1,
      link: $sce.trustAsResourceUrl("http://playerdemo.iainhouston.com/tests/BeBopAliens.mp3")
    }];
});

如果我使用AngularJS中的数组链接，为什么音频不会播放？

1 个答案: