当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


AngularJS angular.forEach()用法及代码示例


AngularJS中的angular.forEach()函数用于遍历数组或对象中的每个项目。它的工作方式类似于for循环,并且此循环包含对象的键值对中的对象的所有属性。

用法:

angular.forEach(object, iterator, [context])

参数值:


  • object:它是指要迭代的对象。
  • iterator:它引用迭代器函数(值,键,obj)。
  • context:这是可选的。它指的是成为迭代器函数上下文的对象。

例:

<html> 
    <head> 
        <script src= 
        "//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"> 
        </script> 
        <title>angular.forEach()</title> 
    </head> 
  
    <body ng-app="app" ng-cloak style="padding:30px"> 
    <h1 style="color:green">GeeksforGeeks</h1> 
    <h2>angular.forEach()</h2> 
    <p>Searching techniques:</p> 
    <div ng-controller="geek"> 
        <div ng-repeat="name in names"> 
            <ul><li>{{name}}</li></ul> 
        </div> 
    </div> 
    <script> 
        var app = angular.module("app", []); 
        app.controller('geek', ['$scope', function ($scope) { 
            $scope.names = []; 
            var values = [ 
            {name:'Binary Search'}, 
            {name:'Linear Search'}, 
            {name:'Interpolation Search'} 
            ];   
            angular.forEach(values, function (value, key) { 
                $scope.names.push(value.name); 
            });   
        }]); 
      
    </script> 
</body> 
</html>

输出:
foreach



相关用法


注:本文由纯净天空筛选整理自Vishal Chaudhary 2大神的英文原创作品 AngularJS | angular.forEach() Function。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。