angularjs中動態為audio綁定src問題總結

標籤：pre   time   無法   問題總結   audio   control   code   dal   remove   

先上代碼

 <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>

謝謝。

angularjs中動態為audio綁定src問題總結