zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    LPC2478时钟模块详解
    LPC2478内存布局以及启动方式
    STM8的GPIO驱动
    STM8时钟系统详解
    ELF文件格式分析--结构篇
    S3C2440 TFTLCD驱动详解
    S3C2440触摸屏驱动详解
    S3C2440 ADC详解
    STM8建立IAR工程
    STM8单片机启动流程彻底探究--基于IAR开发环境
  • 原文地址:https://www.cnblogs.com/ganbo/p/5361618.html
Copyright © 2011-2022 走看看