json ng-repeat angularjs中的多级对象

Question

我们如何通过ng-repeat JSON下面显示为ul>li列表？

像这样：

• 家
• 关于我们
  • 大约一个
  • 大约两个
• 服务
  • 服务一
  • 服务二

从JSON下面

{
    "Home_page": {
        "name": "Home",
        "shortname": "Home_page",
        "heading": "Welcome to BSL-I"
    },
    "About_us": {
        "About-One": {
            "name": "About one",  
            "heading": "Artist one"
        },
        "About-Two": {
            "name": "About Two",
            "heading": "About Two"
        }
    },
    "Service": {
        "Service-One": {
            "name": "About one",
            "shortname": "About_one",
            "heading": "Artist one"
        },
        "service-Two": {
            "About-One": {
                "name": "About one"
                        },
            "About-Two": {
                "name": "About Two"

            }
        }
    }
}

Answer 1

首先，您必须将JSON解码为有效的javascript数组：

$scope.myArray = angular.fromJson(myJSONarray);

来自： https : //docs.angularjs.org/api/ng/function/angular.fromJson

上市第二名：

<ul>
  <li ng-repeat="element in myArray">
     {{element}}
     <ul ng-show="element[0]">
       <li ng-repeat="subElement in element[0]">
         {{subElement}}
       </li>
     </ul>
  </li>
</ul>

我没有测试过，但看起来应该像上面一样。

Answer 2

脚本：：

 $http.post('URL')
 .success(function (data, status, headers, config) {
     var res = JSON.parse(data);
      $scope.response= res;

现在，你的JSON对象是握住response 。

您可以使用响应来区分对象，例如：

response.Home_page, response.About_us.About-One, response.Service.Service-One, response.Service.service-Two

适用于HTML：

  <ul>
    <li ng-repeat="home in response.Home_page">
       {{home.name}}
   </li>
 </ul>