這篇文章給大家介紹如何在angularJs中遍歷數據,內容非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。
為安遠等地區用戶提供了全套網頁設計制作服務,及安遠網站建設行業解決方案。主營業務為成都網站設計、做網站、安遠網站設計,以傳統方式定制建設網站,并提供域名空間備案等一條龍服務,秉承以專業、用心的態度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!
1、數組數據遍歷
2、對象數據遍歷
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="angular.min.js"></script> </head> <body> <div ng-app="module" ng-controller="ctrl"> {{data}} </div> <script> var m = angular.module('module', []); m.controller('ctrl', ['$scope', function ($scope) { $scope.data=[{name: '泠泠在路上', url: 'boke.com'},{name: '泠泠似水', url: 'zlm.com'}] //數組數據遍歷 angular.forEach($scope.data, function (v, k) { v.url = 'www.'+v.url; console.log(v);//讀到所有的數組數據 console.log(k);//讀到所有的對象的下標 }); //對象數據遍歷 data ={name: '泠泠在路上', url: 'baidu.com'}; angular.forEach(data, function (v, k) { v.url = 'www.'+v.url; console.log(v);//得到對象的值,即泠泠在路上和baidu.com console.log(k);//得到對象下標name和url }); }]); </script> </body> </html>
關于如何在angularJs中遍歷數據就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
當前名稱:如何在angularJs中遍歷數據
網站URL:http://m.newbst.com/article40/ispieo.html
成都網站建設公司_創新互聯,為您提供App設計、品牌網站建設、面包屑導航、定制開發、全網營銷推廣、服務器托管
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯