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入门--架构总览

    Angular2入门--架构总览

    本文主要介绍了Angular2的架构的相关知识。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-03-03
  • angular的输入和输出的使用方法

    angular的输入和输出的使用方法

    这篇文章主要介绍了angular的输入和输出的使用方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • angularjs请求数据的方法示例

    angularjs请求数据的方法示例

    这篇文章主要给大家介绍了关于angularjs请求数据的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用angularjs具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-08-08
  • AngularJS使用ocLazyLoad实现js延迟加载

    AngularJS使用ocLazyLoad实现js延迟加载

    这篇文章主要介绍了AngularJS使用ocLazyLoad实现js延迟加载的相关资料,需要的朋友可以参考下
    2017-07-07
  • Angular.js之作用域scope''@'',''='',''&''实例详解

    Angular.js之作用域scope''@'',''='',''&''实例详解

    这篇文章主要介绍了Angular.js之作用域scope'@','=','&'实例详解,需要的朋友可以参考下
    2017-02-02
  • angularjs封装$http为factory的方法

    angularjs封装$http为factory的方法

    本篇文章主要介绍了angularjs封装$http为factory的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • angularjs实现table表格td单元格单击变输入框/可编辑状态示例

    angularjs实现table表格td单元格单击变输入框/可编辑状态示例

    这篇文章主要介绍了angularjs实现table表格td单元格单击变输入框/可编辑状态,涉及AngularJS事件响应及页面table元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2019-02-02
  • AngularJS HTML编译器介绍

    AngularJS HTML编译器介绍

    这篇文章主要介绍了AngularJS HTML编译器介绍,AngularJS的HTML编译器能让浏览器识别新的HTML语法。它能让你将行为关联到HTML元素或者属性上,甚至能让你创造具有自定义行为的新元素,需要的朋友可以参考下
    2014-12-12
  • 使用angularjs创建简单表格

    使用angularjs创建简单表格

    AngularJS提供丰富填写表单和验证。我们可以用ng-click来处理AngularJS点击按钮事件,然后使用 $dirty 和 $invalid标志做验证的方式。使用novalidate表单声明禁止任何浏览器特定的验证。下面我们来看看如何使用angularjs创建简单表格
    2016-01-01
  • AngularJS上拉加载问题解决方法

    AngularJS上拉加载问题解决方法

    这篇文章主要介绍了AngularJS上拉加载问题解决方法的相关资料,该问题在项目中一直存在,小编给大家分享解决办法,需要的朋友可以参考下
    2016-05-05

最新评论