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

泠泠在路上

于 2017-05-27 16:45:38 发布

阅读量799

点赞数

分类专栏： angularJs 文章标签： angularjs 遍历

本文链接：https://blog.csdn.net/u012396955/article/details/72782776

版权

angularJs 专栏收录该内容

44 篇文章 0 订阅

订阅专栏

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>