Hàm forEach () trong AngularJS sử dụng đối tượng Iterator để lặp qua tập hợp các mục hoặc đối tượng hoặc một mảng. Trình lặp hàm được gọi với đối tượng trình lặp ( giá trị, khóa, đối tượng ) ở đâu,
- giá trị đại diện cho đối tượng thuộc tính hoặc một phần tử mảng,
- phím chỉ định khóa thuộc tính đối tượng hoặc chỉ mục phần tử mảng và
- obj đại diện cho toàn bộ đối tượng.
Lưu ý rằng forEach () hàm không lặp lại các thuộc tính được kế thừa.
Cú pháp
angular.forEach(obj, iterator, [context])
Ví dụ - Lặp lại các giá trị bằng forEach ()
Tạo tệp " forEach.html "trong thư mục dự án Angular của bạn và sao chép-dán đoạn mã sau.
<!DOCTYPE html>
<html>
<head>
<title>angular.forEach()</title>
<script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js">
</script>
</head>
<body ng-app="app" ng-cloak style="padding:30px">
<h1 style="color:green">
Welcome to Tutorials Point
</h1>
<h2>AngularJS | angular.forEach()</h2>
<p>Employee Names:</p>
<div ng-controller="demo">
<div ng-repeat="name in names">
<ul><li>{{name}}</li></ul>
</div>
</div>
<!-- Script for passing the values and checking... -->
<script>
var app = angular.module("app", []);
app.controller('demo', ['$scope', function ($scope) {
$scope.names = [];
var values = [{name: 'John'},
{name: 'Steve'},
{name: 'Bill'},
{name: 'Clark'},
{name: 'Tim'}];
angular.forEach(values, function (value, key) {
$scope.names.push(value.name);
});
}]);
</script>
</body>
</html> Đầu ra
Để chạy đoạn mã trên, chỉ cần đi tới tệp của bạn và chạy nó như một tệp HTML bình thường. Bạn sẽ thấy kết quả sau trên cửa sổ trình duyệt.
Khi các giá trị không bằng nhau -
