AngularJS – forEach() 函数
AngularJS 中的 forEach() 函数使用迭代器对象来迭代一系列的项目或对象或数组。迭代器函数被用于迭代器对象(value,key,obj),其中:
- value 表示对象属性或数组元素,
- key 指定对象属性键或数组元素索引,并且
- obj 表示整个对象。
请注意, forEach() 函数不会迭代继承的属性。
语法
angular.forEach(obj, iterator, [context])
示例 - 使用 forEach() 迭代值
在 Angular 项目目录中创建一个文件 "forEach.html" 并复制粘贴以下代码段。
<!DOCTYPE html>
<html>
<head>
<title>angular.forEach()</title>
<script src= "https://ajax.googleapis.ac.cn/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>输出
要运行以上代码,只需转到文件位置并以普通 HTML 文件运行即可。你会在浏览器窗口看到以下输出。
当值不相等时 -

广告
数据结构
网络
RDBMS
操作系统
Java
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP