資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟
心理學
社會學
時裝研究
法律研究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.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>輸出
要執行以上程式碼，只需轉到檔案位置並以普通 HTML 檔案執行即可。你會在瀏覽器視窗看到以下輸出。
當值不相等時 -
更新於: 2021 年 10 月 8 日
5K+ 瀏覽
廣告