栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

JavaScript ng-repeat完成事件

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

JavaScript ng-repeat完成事件

确实,您应该使用指令,并且没有与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', function() {  return function(scope, element, attrs) {    angular.element(element).css('border','5px solid red');  };});

在此Plunker中查看其[运行情况。希望能帮助到你!



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/387920.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号