如何使用angular.foreach()

时间:2016-06-15 08:43:22

标签: javascript angularjs

我是Angular的新手。我一般都了解Angular.foreach()方法。但是,我并不了解这个函数的第三个参数的使用。

下面的代码在页面上打印[object Object],[object Object] [object Object],[object Object]。

<!DOCTYPE html>  
<html >    
<head> 
    <title>My first AngularJS code</title>    
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
</head>    
    <body ng-app="" >  
            <script>
                angular.forEach([{ name: 'Todd', location: 'UK' },{ name: 'Todd', location: 'UK' }], function (value, prop, obj) {
                    var x = obj;
                    document.write(x);
                });
            </script>  

    </body>    
</html>

如何修复该代码并将对象打印到浏览器? 另外,究竟是什么obj,我该如何使用它? 在文档中,据说:

为obj集合中的每个项目调用迭代器函数一次,该项目可以是对象,也可以是数组。使用iterator(value,key,obj)调用迭代器函数,其中value是对象属性或数组元素的值,key是对象属性键或数组元素索引,obj是obj本身。指定函数的上下文是可选的。

1 个答案:

答案 0 :(得分:1)

使用JSON.stringify()将javascript对象转换为字符串

angular.forEach([{ name: 'Todd', location: 'UK' },{ name: 'Todd', location: 'UK' }], function (value, prop, obj) {
                    var x = obj;
                    document.write(JSON.stringify(x));
                });