AngularJS监听DOM加载完毕

直接上代码:

Module.directive(‘renderFinish‘, function ($timeout) {      //renderFinish自定义指令
    return {
        restrict: ‘A‘,
        link: function(scope, element, attr) {
            if (scope.$last === true) {
                $timeout(function() {
                    scope.$emit(‘ngRepeatFinished‘);
                });
            }
        }
    };
});
/* 控制器 */
nassModule.controller(‘mallHome‘, [‘$scope‘, ‘$http‘, function($scope, $http) {

    $scope.$on(‘ngRepeatFinished‘, function(){
        $scope.funName();
    });

}]);
<li ng-repeat="item in data.focus" render-finish>content</li>
时间: 2024-10-12 17:01:25

AngularJS监听DOM加载完毕的相关文章

延迟加载图片并监听图片加载完成

要求: 图片延迟加载.未加载完显示加载中.监听图片加载完后,加载中消失. demo: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,u

C# NanUI WinFormium监听页面加载开始\结束

个人博客 地址:https://www.wenhaofan.com/article/20190501213608 因为NanUI文档中仅介绍了Formium窗口的监听,但是没有WinFormium相关的文档,查看源码后才找到监听方法,特此记录一下 public partial class Form1 : WinFormium {public Form1(): base("http://res.app.local/asserts/index.html") { InitializeComp

Android开发--------------WebView(二)之WebView的滑动底部顶部监听,加载进度条等设置

整理一下WebView的一些常用设置,滑动监听,让跳转的页面也在WebView里显示,加载进度,获得标题等等 一,滑动监听 滑动监听的话是需要在WebView基础之上在加强一下,因为在WebView没有直接监听滑动的方法,看WebView的源码则会发现有一个 protected void onScrollChanged(int l, int t, int oldl, int oldt) : 这个方法.是受到保护的所以我们无法直接使用,所以我们写一个加强的WebView,利用接口回调. Scrol

Android中监听webview监听是否加载完成

之前写过一篇捕获Phoengap的webview事件的方法,主要是在实现了CordovaInterface的Activity中,  在onMessage中根据第一个参数的message name来判断webview的加载事件.不过如果是在Fragment中,一个Activity加载了多个包含了WebView的fragment的话,就无法在onMessage中判断到底是哪个WebView的加载事件. 经过尝试,发现,还是可以使用setWebViewClient的方式来,来重写WebViewClie

DOM加载完毕之后执行js

方法一: $(document).ready(function(){ alert('页面加载完成后,我被加载出来了!') }); 方法二: $(function(){ alert('页面加载完成后,我被加载出来了!') }); 注:‘ 方法二 ’是‘ 方法一 ’的简写! 方法三: window.onload = function(){ alert('页面加载完成后,我被加载出来了!') }; 原文地址:https://www.cnblogs.com/Salicejy/p/10944417.htm

监听spring加载完成后事件

有这个想法是在很早以前了,那时的我没有接触什么缓存技术,只知道hibernate有个二级缓存.没有用过memcache,也没有使用过redis. 只懂得将数据放到数组里或者集合里,一直不去销毁它(只有随着tomcat服务停止而销毁),用的时候从内存中读取就相当于缓存了,但是这么做有利也有弊. 好处:操作方便,随时取,随时存,只要方法封装好,代码也很清晰,易扩展. 弊端:因为只要一重启服务器,放在内存中的静态集合或静态数组肯定被回收了.导致一些重要的数据被干掉了.

JQuery源码解析-Dom加载过程

下面的几个工具方法都是和dom加载有关,所以先从dom加载开始. 用到的方法: isReady:DOM是否已经加载完(内部使用) readyWait():等待多少文件的计时器(内部使用) holdReady()::推迟DOM触发 ready():准备DOM触发 jQuery.ready.promise = function( obj ) {}检测dom的异步操作 先看一下jQuery和原生js加载方式有什么不同: $(function () { }); window.onload = funct

页面全部加载完毕和页面dom树加载完毕

dom树加载完毕 $(document).ready() //原生写法document.ready = function (callback) {            ///兼容FF,Google            if (document.addEventListener) {                document.addEventListener('DOMContentLoaded', function () {                    document.rem

angular监听dom渲染完成,判断ng-repeat循环完成

一.前言 最近做了一个图片懒加载的小插件,功能需要dom渲染完成后,好获取那些需要懒加载的dom元素.那么问题来了,如果只是感知静态的dom用ready,onload都可以,但项目用的angular,ng-repeat什么时候循环完,或者说angular自身的生命周期中dom渲染完成怎么知道,这里做个解决问题的记录. 二.网上流传的解决方案 1.data-ng-init---无效 大概意思是,给你需要监听的dom,比如body添加一个data-ng-init属性,绑定你需要在body加载完成后执