angularjs – 绑定角交叉iframe,可能吗?
发布时间:2020-12-17 07:59:28 所属栏目:安全 来源:网络整理
导读:有没有什么方法可以绑定/共享相同的范围/控制器/指令和东西到同一域中的另一个iframe? 如果我可以在另一个iframe中使用相同的ngApp,那将会很酷.以前有人做过这样的事吗? 是的,这是可能的,你不需要做任何特别的事情,你只需要编译内容. 这是一个例子:http:/
有没有什么方法可以绑定/共享相同的范围/控制器/指令和东西到同一域中的另一个iframe?
如果我可以在另一个iframe中使用相同的ngApp,那将会很酷.以前有人做过这样的事吗?
是的,这是可能的,你不需要做任何特别的事情,你只需要编译内容.
这是一个例子:http://jsfiddle.net/gWgYM/ HTML: <div ng-app="app" ng-controller="test"> <h1>The date is {{date}}</h1> <iframe frame=""></iframe> </div> 使用Javascript: var app = angular.module('app',[]); app.controller('test',function( $scope ) { $scope.date = new Date(); window.setInterval(function() { $scope.date = new Date(); $scope.$apply(); },1000); }); app.directive('frame',function( $compile ) { return function( $scope,$element ) { var $body = angular.element($element[0].contentDocument.body),template = $compile('<p>The date in the iframe is {{date}}</p>')($scope); $body.append(template); }; }); (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- shell习题-27
- angularjs – angular select $touch validation
- 15年7月学习笔记_bootstrap和js
- angularjs – ng-repeat内部的ng-transclude正在失去对$tra
- angularjs – $interval函数在我改变路线时继续
- Scala Cats或Scalaz类型类scanLeft之类
- angularjs – Angular.js和Angular.dart之间的区别?
- Unix 开发中的 Make 三连
- bash – 是否有“>/dev/null 2>&1”的命令行快捷方式
- Shell 中 && 、 ||、()的使用说明