在angularJs中进行数据遍历的2种方法

2019-11-19 12:46:15

字体：大中小

来源：转载

供稿：网友

2种方式分别为：

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中进行数据遍历的2种方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持武林网。

上一篇：详解webpack之图片引入-增强的file-loader：url-loader

下一篇：webpack之引入图片的实现及问题