AngularJS ng:重复不工作

我正在开发一个项目,我正在使用AngualrJS在移动应用程序中集成WooCommerce API.

这是返回产品列表的API,这是我正在实现AngualrJS的HTML页面.

问题是我无法在HTML页面上显示多个产品.

HTML代码:

 
    

        
hello
        

            {{item.id}}  has children:  
        
    

JS档案:

var app = angular.module('myApp', []);
app.controller('productCtrl', function($scope, $http) {
    $http.get("http://www.ilexsquare.com/JwelTech/wordpress/api.php?function=GetProductsdetails")
    .then(function (response) {$scope.data = response.data;});      
});

这是我的jsfiddle代码 jsFiddle

只需改变你的ng-repeat喜好:

    var app = angular.module('myApp', []);
    app.controller('productCtrl', function($scope, $http) {
      $http.get("http://www.ilexsquare.com/JwelTech/wordpress/api.php?function=GetProductsdetails")
        .then(function(response) {
          $scope.data = response.data;
        });

    });

  

    
hello
    

      {{item.id}}