當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


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。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。