angular 获取ng-repeat完成状态 $last

$index $first $middle $last $odd $even

html

<ul><li ng-repeat="item in data" repeat-finish＝"renderFinish()">{{item.str}}</li>
</ul>

指令

app.directive('repeatFinish',function(){return {link: function(scope,element,attr){console.log(scope.$index)if(scope.$last == true){console.log('ng-repeat执行完毕')scope.$eval( attr.repeatFinish )}}}
})

ctrl里面

//controller里对应的处理函数
$scope.renderFinish = function(){console.log('渲染完之后的操作')
}

更多专业前端知识，请上【猿2048】www.mk2048.com

angular 获取ng-repeat完成状态 $last相关推荐

Angular应用ng build的一些边界情况boundary condition
ng build报错:no projects support the build target 究其原因,发现angular.json architect里的build被改成build2了: 直接用n ...
Angular应用ng serve命令行的学习笔记
在Angular项目下执行命令行ng serve --open: The ng serve command builds the app, starts the development server, ...
Angular 常用ng指令详解
详解Angular ng内置指令我们依次从使用频率高到低来,重要性大小来说明各种指令. 1.ng-repeat 1.1 一般用法 <ul><li ng-repeat="c ...
ngzorro html源码,angular使用NG ZORRO来构建博客展示项目(简单实现展示页面)
使用 NG ZORRO 在上一篇文章中,我们已经安装了NG ZORRO,并在跟模块中引入了,在子模块中使用还需要再次引入. 编辑layout模块中的header组件在layout.module.ts ...
Angular 项目 ng serve 背后发生的事情
敲了 ng 之后回车,显示这些命令列表: package.json 里并没有 serve script: 那么就到 angular.json 里去找: 我们只看 build 和 serve 这两个 a ...
angular获取图片高宽_Angular 读书笔记
前言今天是二月份的最后一天,是该好好总结下.2月12号正式开始工作,第一周有些不在状态,所以18号-28号真正投入工作和学习,最近工作节奏不是特别快(两周的polish week 修复bug),但是 ...
Angular常用ng指令详解
我们依次从使用频率高到低来,重要性大小来说明各种指令. 1.ng-repeat 1.1一般用法 <ul><li ng-repeat="char in [{'alphabet ...
Angular CLI ng常用命令整理
Angular CLI 的ng命令常用整理当前对应版本:angular-cli:1.0.0 node:8.9.3 os:win32 x64 1.创建项目 ng new 命令描述 ng n ...
【ABAP】获取后台Job相关状态
这一节主要对后台作业(Batch JOB)中一些平时不怎么用到的内容做一下整理,有需要对后台作业进行控制的同行可以学习参照,比如定时批量对一部分作业进行状态的变更,控制运行中作业的数量等等. 1.SA ...

angular 获取ng-repeat完成状态 $last

angular 获取ng-repeat完成状态 $last相关推荐

最新文章

热门文章