Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angualrjs循环遍历输出josn对象大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

做项目时碰到个问题,json属性不可控的情况下输出key和value值。之前一直使用obj.key obj.value,然而突然不好使了,查了查资料找到了一种方式。

先看看之前的写法:

定义json:

<html ng-app="main">
<head>
    <script type="application/javascript">
        angular.module("main",[])
                .controller("mainController",["$scope",function ($scope) {
                    $scope.dataArray = [
                        {
                            "SSID":"153 mac"
                        },{
                            "Authentication Type":"MAC"
                        }
                    ]
                }])
    </script>
</head>
<body ng-controller="mainController">
<div class="form-group" ng-repeat="obj in dataArray">
    <label class="col-md-6 control-label">{{key}}</label>
    <div class="col-md-6">
        <p class="form-control-static">{{value}}</p>
    </div>

</div>
</body>
</html>



想要达到这种输出格式:


发现输出不了,取不到对应的值,试了试直接打印输出{{obj}}是可见的,但是obj.key和obj.value是不可见的。

于是换了一种写法:

<div class="form-group" ng-repeat="obj in dataArray">
        <div ng-repeat="(key,value) in obj">
            <label class="col-md-6 control-label">{{key}}</label>
            <div class="col-md-6">
                <p class="form-control-static">{{value}}</p>
            </div>
        </div>
    </div>

大佬总结

以上是大佬教程为你收集整理的angualrjs循环遍历输出josn对象全部内容,希望文章能够帮你解决angualrjs循环遍历输出josn对象所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: