angular.js - ng-repeat完之后能不能执行一个function

浏览:32日期:2023-01-28

问题描述

我往数组中push一条数据,页面上不就执行循环吗ng-repeat,我想让循环完事之后,触发一个点击事件,点击最后一条,thats all

问题解答

回答1:

要我说还是一劳永逸来得清爽:

angular.module(’demo’, []).directive(’repeatDone’, function() { return {link: function(scope, element, attrs) { if (scope.$last) { // 这个判断意味着最后一个 OKscope.$eval(attrs.repeatDone) // 执行绑定的表达式 }} }})

用法:

<!-- 模版 --><p ng-repeat='...' repeat-done='doSomething()'></p>

// 控制器function SomeController(scope) { scope.doSomething = function() {// 做你爱做的事 }}回答2:

使用ng-class来实现,这是我的方案:

点击预览可以直接看效果:http://codepen.io/liekkas/pen/JdgLzJ

相关文章: