angularJS插入html及更换iframe的src

前端开发   发布日期:2025年05月28日   浏览次数:168

html:

ng-bind-html


  1. <div class="tabs_content" ng-bind-html="specialHtml"></div>

ng-src

<iframe ></iframe>

加载模块:

ng-bind-html


  1. angular.module('DLPortalApp', []).controller("MyCtrl", function ($scope, $http, $sce) {
  2. //重点列表项目
  3. $scope.specialHtml = $sce.trustAsHtml('<iframe ></iframe>');
  4. });

    /*重点:
  1. $sce这个参数,它相当于一把钥匙
  1. */

ng-src

  1. angular.module('DLPortalApp', []).controller("MyCtrl", function ($scope, $http, $sce) {
  2. //重点列表项目
  3. $scope.trustSrc = $sce.trustAs($sce.RESOURCE_URL,"你的地址");
    //$scope.trustSrc = $sce.trustAsResourceUrl("你的地址");//等同于这个方法
  4. });

 

以上就是angularJS插入html及更换iframe的src的详细内容,更多关于angularJS插入html及更换iframe的src的资料请关注九品源码其它相关文章!