angularJs中2种方式进行数据遍历

来源：互联网发布：php虚拟物品商城编辑：程序博客网时间：2024/06/16 00:35

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>

阅读全文

0 0