Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 渲染后如何执行指令代码?_Javascript_Angularjs_Angularjs Ng Repeat - Fatal编程技术网

Javascript 渲染后如何执行指令代码?

Javascript 渲染后如何执行指令代码?,javascript,angularjs,angularjs-ng-repeat,Javascript,Angularjs,Angularjs Ng Repeat,我试图构建一个指令,该指令在嵌套的ng repeat完成渲染后运行。以下是我尝试过的: HTML: <div ng-app="MyApp" ng-controller="MyCtrl"> <ul my-directive> <li ng-repeat="animal in animals">{{animal}}</li> </ul> </div> my custom指令中的链接函数在呈现所有

我试图构建一个指令,该指令在嵌套的
ng repeat
完成渲染后运行。以下是我尝试过的:

HTML:

<div ng-app="MyApp" ng-controller="MyCtrl">
    <ul my-directive>
        <li ng-repeat="animal in animals">{{animal}}</li>
    </ul>
</div>

my custom指令中的链接函数在呈现所有
  • 元素之前运行(并且
    0
    发出警报)。如何在
    ng repeat
    完成渲染后运行代码?

    您可以将指令移动到ng repeat中

    
    
    • {{animal}
    或者看看与您的问题相关的内容

    angular.module("MyApp", [])
        .directive("myDirective", function () {
            return function(scope, element, attrs) {
                alert(element.find("li").length); // 0
            };
        });
    
    function MyCtrl($scope) {
        $scope.animals = ["Dog", "Cat", "Elephant"];
    }
    
    <div ng-app="MyApp" ng-controller="MyCtrl">
        <ul>
            <li ng-repeat="animal in animals" my-directive>{{animal}}</li>
        </ul>
    </div>