angular.foreach 循环方法使用指南

 更新时间:2015年01月06日 08:59:53   投稿:hebedich   我要评论

本文主要介绍了angular.foreach 循环方法使用格式及参数,是篇非常基础的文章,与需要的小伙伴参考下

angular有自己的生命周期。循环给一个 angular监听的变量复值时。最好还是用angular自带的循环方法。“angular.foreach”

格式:

复制代码 代码如下:

var objs =[{a:1},{a:2}];
angular.forEach(objs, function(data,index,array){
//data等价于array[index]
console.log(data.a+'='+array[index].a);
});

参数如下:

objs:需要遍历的集合

data:遍历时当前的数据

index:遍历时当前索引

array:需要遍历的集合,每次遍历时都会把objs原样的传一次。

也可以不用写后面两个参数:

复制代码 代码如下:

var objs =[{a:1},{a:2}];
angular.forEach(objs, function(data){
console.log(data.a);
});

相关文章

  • Angular2学习教程之TemplateRef和ViewContainerRef详解

    Angular2学习教程之TemplateRef和ViewContainerRef详解

    这篇文章主要给大家介绍了Angular2中TemplateRef和ViewContainerRef的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-05-05
  • Angular通过指令动态添加组件问题

    Angular通过指令动态添加组件问题

    这篇文章主要介绍了Angular通过指令动态添加组件问题,文中通过写一个小组件来简单总结下,需要的朋友可以参考下
    2018-07-07
  • Angular2使用Angular CLI快速搭建工程(一)

    Angular2使用Angular CLI快速搭建工程(一)

    这篇文章主要介绍了Angular2使用Angular CLI快速搭建工程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • AngularJS实现的简单拖拽功能示例

    AngularJS实现的简单拖拽功能示例

    这篇文章主要介绍了AngularJS实现的简单拖拽功能,涉及AngularJS事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2018-01-01
  • Angular 项目实现国际化的方法

    Angular 项目实现国际化的方法

    本篇文章主要介绍了Angular 项目实现国际化的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01
  • 监听angularJs列表数据是否渲染完毕的方法示例

    监听angularJs列表数据是否渲染完毕的方法示例

    前端在做数据渲染的时候经常会遇到在数据渲染完毕后执行某些操作,这篇文章主要介绍了监听angularJs列表数据是否渲染完毕的方法示例,非常具有实用价值,需要的朋友可以参考下
    2018-11-11
  • AngularJS通过$sce输出html的方法

    AngularJS通过$sce输出html的方法

    不知道大家有没有发现在用AngularJS作为前端搭建个人博客的时候,发现用AngularJs输出html的时候,浏览器并不解析这些html标签,这里我们需要其显示angular输出的html能被浏览器解析怎么办呢?不知道Angularjs如何实现这种功能的通过这篇文章来看看吧。
    2016-09-09
  • 详解Angular6 热加载配置方案

    详解Angular6 热加载配置方案

    这篇文章主要介绍了详解Angular6 热加载配置方案,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • AngularJS使用ng-repeat和ng-if实现数据的删选显示效果示例【适用于表单数据的显示】

    AngularJS使用ng-repeat和ng-if实现数据的删选显示效果示例【适用

    这篇文章主要介绍了AngularJS使用ng-repeat和ng-if实现数据的删选显示效果,非常适用于表单数据的显示使用,涉及ng-repeat和ng-if命令的相关使用技巧,需要的朋友可以参考下
    2016-12-12
  • AngularJs定时器$interval 和 $timeout详解

    AngularJs定时器$interval 和 $timeout详解

    这篇文章主要介绍了AngularJs定时器$interval 和 $timeout详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05

最新评论