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数据源
  • 热门搜索
    酷走旅游网 马尔康旅游 重庆市旅游局官网 香港旅游报价 福清旅游景点大全 郑州旅游网 南平旅游景点大全 乡村旅游案例 重庆海外旅游百事通 冬季北京旅游攻略