加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angularjs – ng-repeat完成事件

发布时间:2020-12-17 09:26:19 所属栏目:安全 来源:网络整理
导读:我想调用一些jQuery函数定位div与表。该表填充ng-repeat。 当我打电话 $(document).ready() 我没有结果。 也 $scope.$on('$viewContentLoaded',myFunc); 没有帮助。 在ng-repeat群完成后,是否有任何方法执行功能?我已经阅读关于使用自定义指令的建议,但我
我想调用一些jQuery函数定位div与表。该表填充ng-repeat。

当我打电话

$(document).ready()

我没有结果。

$scope.$on('$viewContentLoaded',myFunc);

没有帮助。

在ng-repeat群完成后,是否有任何方法执行功能?我已经阅读关于使用自定义指令的建议,但我不知道如何使用它与ng-repeat和我的div …

事实上,你应该使用指令,并且没有事件绑定到一个ng-Repeat循环的结束(因为每个元素是单独构建的,并有它自己的事件)。但a)使用指令可能是所有你需要和b)有几个ng-Repeat特定的属性,你可以使用来使你的“在ngRepeat完成”事件。

具体来说,如果你想要的是对整个表进行风格/添加事件,你可以在包含所有ngRepeat元素的指令中使用。另一方面,如果你想要具体地解决每个元素,你可以使用ngRepeat中的一个指令,它将作用于每个元素,创建后。

然后,有$ index,$ first,$ middle和$ last属性可以用来触发事件。所以对于这个HTML:

<div ng-controller="Ctrl" my-main-directive>
  <div ng-repeat="thing in things" my-repeat-directive>
    thing {{thing}}
  </div>
</div>

你可以使用这样的指令:

angular.module('myApp',[])
.directive('myRepeatDirective',function() {
  return function(scope,element,attrs) {
    angular.element(element).css('color','blue');
    if (scope.$last){
      window.alert("im the last!");
    }
  };
})
.directive('myMainDirective',attrs) {
    angular.element(element).css('border','5px solid red');
  };
});

看到它在行动在这Plunker.希望它帮助!

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读