angularjs - 更改 html 5's source "src"属性对 angularjs 无效

Question

我有一个显示为链接的音频文件列表和一个 <audio> html5播放器。每个链接都会调用一个函数来更改 <source> 的 src <audio> 中的标签:

<audio controls="controls" preload="none">
  <source type="audio/mpeg" src="{{selectedSongPath}}"/>
</audio>

...

<div class="songEntry" ng-repeat="song in songs">
  <a href="" ng-click="songSelect(song.path)">{{song.name}}</a>
</div>

...

$scope.songSelect = function(songPath) {
    $scope.selectedSongPath = songPath;
}

我可以看到 src 发生变化，但没有播放任何内容。路径还可以；如果我用其中一条路径初始化 src，播放器就会工作。

我究竟做错了什么？

Answer 1

即使在使用 $sce.trustAsResourceUrl 之后，我也遇到了同样的问题，然后我意识到问题出在 HTML 上。源应该放在音频标签本身:

<audio controls data-ng-src="{{yourTrustedUrl}}" ></audio>