AngularJS angular.forEach()函数详解及示例

作者 : 慕源网 本文共901个字,预计阅读时间需要3分钟 发布时间: 2022-05-5 共230人阅读

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

语法:

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

参数值:

  • object:指要遍历的对象。
  • iterator:函数(value, key, 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>

输出:


慕源网 » AngularJS angular.forEach()函数详解及示例

常见问题FAQ

程序仅供学习研究,请勿用于非法用途,不得违反国家法律,否则后果自负,一切法律责任与本站无关。
请仔细阅读以上条款再购买,拍下即代表同意条款并遵守约定,谢谢大家支持理解!

发表评论

开通VIP 享更多特权,建议使用QQ登录