Question

我对angular非常陌生，并且遇到了在我的JSP中显示带有ng-repeat标记的JSON数据的问题。这是我的代码，我正在从外部REST服务获取数据，并且正在向我发送格式正确的JSON。这是示例JSON，

<div class="panel-body">
    <div class="row" ng-repeat="a in products">
        <table class="table table-striped">
            <tr>
                <td class="col-md-8 lead "><strong>{{a.name}}</strong></td>
                <td class="col-md-2">
                        <button id="view_btn" class="btn btn-sm prospect-color"
                        ng-click="showplan = ! showplan"
                        >View Plans</button>

                </td>
                <td class="col-md-2">
                <button id="add_cart_btn" class="btn btn-sm prospect-color"
                        ng-click="addItemToCart(a)"
                        >Add to Cart</button>
                </td>

            </tr>
            <tr>

                <td class="col">

                        <div class="card card body" ng-show="showplan" ng-repeat="r in a.productRatePlans" >
                        <strong>{{a.description}} with SKU # - {{r.name}} </strong> {{a.sku}}</div>

                </td>

            </tr>
        </table>


    </div>

</div>

这是我的HTML代码段

$http({ 
          method: 'GET',
          url:'/WebStoreSMP/rest/products/', 
 }).then(function (response)
         { 
    // var obj = JSON.parse(response); 
     $scope.products = angular.fromJson(response);
     console.log("[main] # of items: " + JSON.stringify(response))

   },function (error){ 
       alert("AJAX failed to get data for product, status=" + error);  
  });

这是我的JS文件，

{{1}}

问题是我没有在HTML页面上看到任何数据。控制台日志将打印整个JSON响应。知道这里可能有什么问题吗？谢谢， VK

在Angular 1.6.9中解析JSON的问题

0 个答案: