当前位置:首页 > 日记 > 正文

角NG重复遍历页面执行其他操作。

角NG重复遍历页面执行其他操作。
角重复遍历绘制

有时我们需要在业务中异步获取数据,并在重复遍历完成页面之后执行一些操作。角本身不提供指示监控器重复绘制,因此它需要自己写的。有经验的同学应该知道,在内部NG重复模板实例会暴露出一些特殊性质的美元指数 / / 美元一美元/美元中间上 / /美元美元奇怪甚至美元每一次迭代索引(从0开始)增加时,遍历到最后一个美元的价值,最后是真的,所以,通过判断价值上美元监控NG重复执行,如何让美元的价值在遍历过程中的最后一个自定义指令

小例子,我只写了最重要的部分。
到循环数据
scope.data美元= {
{
乙方:A
},
{
乙方:B
},
{
STR:C
}
}

自定义指令 / / repeatfinish
app.directive('repeatfinish,函数(){(){
返回{
链接:功能(范围、元素、属性){
console.log(范围。美元指数)
如果(范围=最后= TRUE){
console.log('ng-repeat执行完成)
}
}
}
})

{项目} }

打开控制台,打印出0, 1, 2。当$ = 2时,最后一个值为true,并呈现NG重复。

很容易!

当然,指令最好能重用。在这个指令中写入特定的业务逻辑不利于复用。它可以指定一个处理函数renderfinish指令。
{项目} }

处理功能是通过指令的属性参数
app.directive('repeatfinish,函数(){(){
返回{
链接:功能(范围、元素、属性){
console.log(范围。美元指数)
如果(范围=最后= TRUE){
console.log('ng-repeat执行完成)
范围。$ eval(ATTR。repeatfinish)
}
}
}
})
控制器中相应的处理函数
scope.renderfinish美元=函数(){
console.log(绘制操作)
}
属性:属性是一个字符串表达式,得到。美元美元范围。eval方法是专门执行AngularJS的表达,通过它的处理函数的执行,这样的指令可以用在不同的地方,可以传输不同的处理功能。

一些企业可能更复杂,NG重复绘制完成后,需要执行多个操作数和操作有多个前端,需要使用事件触发角,在repeatfinish指令链接功能的一个事件,你的事件监控前端的学生完成作业
app.directive('repeatfinish,函数(){(){
返回{
链接:功能(范围、元素、属性){
console.log(范围。美元指数)
如果(范围=最后= TRUE){
console.log('ng-repeat执行完成)
向父控制器传递事件
美元('to-parent发射范围。);
将传递事件转移到子控制器
美元('to-child广播范围。);
}
}
}
})
监控事件控制器/父
美元美元范围。('to-parent,函数(){(){
父/控制器执行操作
})

侦听子控制器中的事件
美元美元范围。('to-child,函数(){(){
执行操作的子控制器
})

在当前控制器下,你如何听到事件角不会将事件传递给当前控制器。它可以首先将事件传递给父(子)控制器。父(子)控制器监听事件,然后将事件传递给子(父)控制器。

单词摘要:指令是角的核心功能之一,它很好地利用了一半的精力。监视NG重复执行的状态只是冰山一角。

谢谢你的阅读。我希望你能帮助你,谢谢你对这个站的支持。

相关文章

在WPS文本中保存文档的几种方法

在WPS文本中保存文档的几种方法

文档,几种方法,电脑软件,WPS,文本中,在WPS文本操作中有几种保存文档的方法,这个操作非常方便,你可以选择你想要保存的方式。 在WPS文本中保存文档的方法 要快速保存WPS文本文件,请在快速访问工具栏上点击保存; 。 位置:界面的左上角,WPS文本下…

PS的出现有什么影响

PS的出现有什么影响

有什么,电脑软件,PS,今天,我想在许多初学者介绍羽化效果的相关分析是不是对这个问题很清楚。让我们给你介绍一下。 步: 1、打开PS软件,选择椭圆盒选择工具,并在属性列中设置0像素的羽化值; 2,在新文档中画一个圆; 三.填充颜色,如图所示。 4,然后…

绘制一个简单而清爽的DNA链

绘制一个简单而清爽的DNA链

绘制,清爽,简单,电脑软件,DNA,本教程让你对路径有更深的理解,你也可以让你更精通各种工具,我希望你能学会享受它。 本教程的结束,上面是插画绘制一个简洁而新鲜的DNA链的方法介绍,操作很简单,你有没有学习过我希望这篇文章能对你有所帮助!…

excel如何根据出生日期计算一个人

excel如何根据出生日期计算一个人

日期计算,年龄,电脑软件,excel,假设第一个生日位于B2细胞,请输入C2细胞;= datedif(B2,今天();y)和阻力公式下来填满整个柱的要求,datedif功能在Excel 2007中没有正式的描述,和Excel提供了这功能只有保持与其他形式的兼容性。该函数的第一个变量是开始…

js返回只包含数字类型的数组实例分

js返回只包含数字类型的数组实例分

数组,数字,类型,实例分析,电脑软件,本文演示了一种JS只返回数字类型的数组实现方法: 效果:js123ldka78sdasfgr653 = > { 12378653 } 一般的做法 分析uff1a 1。循环字符串的每个字符,是数个拼接在一起的,不是数字,给他一个空逗号。 2。将每…

使用表格打印列除了输出技能

使用表格打印列除了输出技能

输出,表格,技能,电脑软件,子宫法: 由于微软的Office组件之一带有Word列功能,我们可以使用excel表单来粘贴单词列,打印输出。 1、在任意单元格在excel表格中单击(即光标在任意一个数据单元的形式),按Ctrl + A(按Ctrl键,然后单击字母键)选择整个表格…

函数TRUNC使用(),(),()的圆形细胞,地板在Ora

函数TRUNC使用(),(),()的圆形细胞,地板在Ora

细胞,函数,地板,电脑软件,Oracle,1.round功能(四RMS和五项) 描述:返回一个值,该值是四个和五个输入操作的结果,根据指定的十进制元素的数量。 参数: 数字:处理欲望的价值 decimal_places:四到五和几位小数(预设0) 从双圆中选择圆(123.456,0);返回123…

PS图象处理软件画手绘的太阳

PS图象处理软件画手绘的太阳

手绘,图象,处理软件,电脑软件,PS,我们在这里讨论的是简单的手太阳图。晕的效果是通过选择羽化功能。 1。新的画布,键盘快捷键是Ctrl + N。 2。在工具栏中找到渐变工具,按Shift键,在画布上渐变渐变为蓝色到白色。 三.新层被命名为太阳。 4。在…

excel页面设置的excel基础是什么

excel页面设置的excel基础是什么

页面设置,基础,电脑软件,excel,当我们使用excel时,我们常常看到错误的视图比例。这意味着我们需要使用尺度函数。我们如何设置它让我们为你带来Excel页面设置快捷方式。 比例快捷方式的excel页面设置方法: 方法1: 使用快捷键,这个快捷键用于…

图形软件想象直接最大化

图形软件想象直接最大化

图形,电脑软件,问:想象一下,这是一款小型且易于使用的图片阅读软件,但我在使用它时也遇到了一些麻烦。例如,软件默认只是中间的一个小窗口,每一个操作都被最大化按钮按下,如何最大化使其开始运行 答:首先,点击软件图标,鼠标右键,选择菜单里面的属性…

ps如何制作霓虹灯效果

ps如何制作霓虹灯效果

霓虹灯,效果,电脑软件,ps,我们经常看到街上的霓虹灯,这个效果如果用在PS字体会很酷,今天萧边教你做。让小编辑告诉你如何PS使霓虹灯的字体,和一起学习吧。 ps制作霓虹灯效果的方法 打开PS,按Ctrl + N;弹出一个新建一个窗口,一个新的400×400画…

如何建立WPS表阅读模式WPS表如何设

如何建立WPS表阅读模式WPS表如何设

模式,教程,如何设置,电脑软件,WPS,WPS表单为我们提供了许多阅读模式。我们可以根据需要设置阅读模式。那我们怎么设置呢让我们告诉你如何设置WPS表单阅读模式。 建立WPS表阅读模式的方法: 打开要编辑的工作表,如图所示。 单击菜单栏中的{视…