zoukankan      html  css  js  c++  java
  • AngularJS页面渲染完成之后执行DOM操作

    -利用data-ng-init

    <div data-ng-init="load()"></div>
    angular.module('App')
      .controller('MainCtrl', function ($scope) {
    
        $scope.load = function () {
          $('#menu li a').click(
             function () {
               var checkElement = $(this).next();
               if ((checkElement.is('ul')) && (checkElement.is(':visible'))) {
                 return false;
               }
               if ((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
                 $('#menu ul:visible').slideUp('normal');
                 checkElement.slideDown('normal');
                 return false;
               }
             }
          );
        }
      });
    

      

    -使用$viewContentLoaded事件

      

    $scope.$on('$viewContentLoaded', function(){
        //可执行DOM操作
    });
    
    // 或者
    $scope.$watch('$viewContentLoaded', function() {  
      //可执行DOM操作
    }); 
    

      

  • 相关阅读:
    外观模式
    适配器模式
    桥接模式
    中文词频统计
    英文词频统计
    字符串练习
    Python基础
    熟悉常用的Linux操作
    作业
    递归下降分析法
  • 原文地址:https://www.cnblogs.com/bertha-zm/p/8534339.html
Copyright © 2011-2022 走看看