zoukankan      html  css  js  c++  java
  • AngularJs中,如何在ng-repeat完成之后,执行Js脚本

    AngularJs中,如何在ng-repeat完成之后,执行Js脚本

    //ng-repeat生成4个li,生成后再执行自定义方法fn在每个li后加一根横线<br> <script>
    var myapp=angular.module('myapp',[]);
    myapp.directive('onFinishRenderFilters', function ($timeout) {
    return {
    restrict: 'A',
    link: function(scope, element, attr) {
    if (scope.$last === true) {
    $timeout(function() {
    scope.$emit('ngRepeatFinished');//注册一个事件
    });
    }

    }
    };
    }).controller('test',function($scope){
    $scope.fn=function(){
    $('.item').append('<hr/>')
    }
    $scope.$on('ngRepeatFinished', function (ngRepeatFinishedEvent) {//监听事件
    //下面是在li render完成后执行的js
    $scope.fn()<br> })<br> })
    </script>

    <body ng-app="myapp" ng-controller="test">
    <ul class="list" ng-init="aa=[1,2,3,4]">
    <li class="item" ng-repeat="x in aa" on-finish-render-filters> //在需要监控的地方,加上该directive
    hello world!
    </li>
    <ul>
    </body>
  • 相关阅读:
    软件工程基础之二——阅读《软件工程基础》的问题
    软件工程基础之一——个人介绍与计划
    个人介绍
    sudoku
    GitHub地址
    疑问②
    概览提问①
    jsp内置对象
    tomcat的环境变量配置
    构造方法的重载代码
  • 原文地址:https://www.cnblogs.com/mgqworks/p/7691580.html
Copyright © 2011-2022 走看看