angular4中怎样等待页面加载完

 时间:2026-02-12 08:08:49

1、在controller里面利用on或者on或者watch

$scope.$on('$viewContentLoaded', function() {  

    alert('1');  

});  

$scope.$watch('$viewContentLoaded', function() {  

    alert('1');  

});  

angular4中怎样等待页面加载完

2、利用data-ng-init

<div ng-controller="test">  

     <div data-ng-init="load()" ></div>  

</div> 

$scope.load = function() {  

      alert('code here');  

 }  

angular4中怎样等待页面加载完

3、此方法调用的angular的方法,angular.element(window)并没有转变为jquery对象,这可能是个特例,不引入jquery就起作用!

angular.element(window).bind('load', function() {  

    alert('1');  

});

angular4中怎样等待页面加载完

4、,jquery的方法需要引入jquery,只在初始化界面起作用

angular.element(document).ready(function () {    alert('1'); });

angular4中怎样等待页面加载完

5、在方法中$timeout中内容会最后执行,相当于dom加载完再执行, 

但多数情况要监控dom加载完是为了变化样式,推荐使用angular自己的指令ng-class去变样式

$scope.setStyle = function(){

    var a = $timeout(function(){

        var radio = angular.element('.item-radio')[2];

        angular.element(radio).addClass("select"); 

    });

    $scope.clientSideList = tempData; 

angular4中怎样等待页面加载完

  • 如何使用DBeaver生成数据库表的DELETE语句
  • shell怎么设置返回码
  • oracle存储过程无法编译、表数据无法修改
  • php网页中如何读取文本文件
  • Tableau中如何配置Oracle数据源
  • 热门搜索
    佳能600d怎么样 延安旅游景点 还看今朝的还怎么读 孕妇可以吃柚子吗 黑龙江旅游职业学院 吃什么可以美白 衢州旅游 鱼鳞病怎么治疗 孕妇可以吃冷饮吗 龙虎山旅游