angularjs中動態為audio綁定src

今天在angularjs中用audio的時候碰到的這些問題，查閱http://www.cnblogs.com/rachelanlan/p/3598070.html獲得解決，感謝！

<div class="block_area block_audio" ng-show="model.url">
        <audio controls="controls" ng-click="open()" ng-src="{{model.url}}"></audio>
        <button class="close btn_delete" ng-click="remove()">&times;</button>
</div>

按照以往的經驗，只要使用 ng-src 捆綁數據就可以了。 但是audio無法正常綁定url數據。

（省略中間各種嘗試，直接上解決辦法）

1，對應得control中添加 $sce

2，使用$sce.trustAsResourceUrl(捆綁的url)處理，然后進行捆綁就ok啦

以下是示例代碼，供參考

functionAppCtrl($scope, $sce){// ...
    $scope.setProject =function(id){
      $scope.currentProject = $scope.projects[id];
      $scope.currentProjectUrl = $sce.trustAsResourceUrl($scope.currentProject.url);
}
}

我是這樣做的，也可以，你懂的。

//control 
var modalInstanceCtrl = function ($scope,  $sce) {
                            $scope.sce = $sce.trustAsResourceUrl;
                             ....
}


//html
 <div class="block_area block_audio" ng-show="model.url">
        <audio controls="controls" popover-title="{{model.url}}" ng-click="open()" ng-src="{{sce(model.url)}}"></audio>
        <button class="close btn_delete" ng-click="remove()">&times;</button>
</div>