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>