Angular.forEach:forEach函数的实现

时间:2020-02-23 14:29:31  来源:igfitidea点击:

Angular中的ForEach循环可用于对给定数组或者对象中的每个项目执行某些操作。
这类似于其他语言(如JavaScript,PHP等)中的foreach循环,其中循环与数组或者其他集合一起使用。
在AngularJS中,它有所不同,因为它遍历给定数组或者对象的每个元素。
在这个关于" Angular中的forEach"的教程 中,我们将按以下顺序学习如何通过示例实现forEach函数。

  • Angular中的forEach循环

  • 使用forEach函数的语法

  • 使用Angular forEach的演示

Angular中的forEach循环

Angular中的forEach为obj集合(可以是对象或者数组)中的每个项目调用一次迭代器函数。
使用iterator(value,key,obj)调用iterator函数,其中value是对象属性或者数组元素,键是数组元素索引或者对象属性键,而obj是obj本身。

使用forEach函数的语法

下面是使用AngularJS的forEach函数的方法:

angular.forEach(object_or_Array, iterator, [context]);

其中第一个参数可以是对象或者数组,而第二个参数是为对象或者数组中的每个项目调用的迭代器函数。

使用Angular forEach的演示

<html> 
    <head> 
        <title>angular.forEach()</title> 
    </head> 
 
    <body ng-app="app" ng-cloak style="padding:30px">    
<h1 style="color:Blue">Learn with theitroad</h1>
<h2>Applying angular.forEach()</h2>
 Directives in Angular 
 
<div ng-controller="test">
 
<div ng-repeat="name in names">      
<ul>
<li>{{name}}</li>
</ul>
        </div>
        </div>
   
</body> 
</html>