ng-include監聽載入完成的3種方式
標簽:
JavaScript
针对单个引入文件设置
属性
<div ng-app="myApp" ng-controller="sitesCtrl"> <div data-ng-include="inner.html" ="includeInit()"></div><script type="text/javascript"> var app = angular.module('myApp', []); app.controller('sitesCtrl', function($scope) { $scope.includeInit = function(){ $scope.$broadcast('includeInit'); } $scope.$on('includeInit',function(){ console.log('include page finish.'); }); });</script>
针对单个引入文件设置
ng-init
事件
<div ng-app="myApp" ng-controller="sitesCtrl"> <div data-ng-include="inner.html" data-ng-init="includeInit()"></div><script type="text/javascript"> var app = angular.module('myApp', []); app.controller('sitesCtrl', function($scope) { $scope.includeInit = function(){ console.log('include page finish.'); } });</script>
通过
$rootScope
对象监听全局的$includeContentLoaded
事件
<div ng-app="myApp" ng-controller="sitesCtrl"> <div data-ng-include="inner.html"></div><script type="text/javascript"> var app = angular.module('myApp', []); app.run(['$rootScope',function($rootScope){ $rootScope.$on('$includeContentLoaded',function(){ console.log('include page finish.'); }) }]);</script>
作者:梁同学de自言自语
链接:https://www.jianshu.com/p/86211a0dad8c
點擊查看更多內容
為 TA 點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優質文章
正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦