用json和rest api嵌套ng-repeat回调

Question

我正在尝试使用本地json（products.json）文件中的产品列表创建一个UI，其数量来自wp rest api回调html（离子）我有这个：

Controller：

.controller('ShopCtrl', function($scope, $ionicActionSheet, BackendService, CartService, $http, $sce ) {


  $scope.siteCategories = [];
  $scope.cart = CartService.loadCart();

  $scope.doRefresh = function(){
      BackendService.getProducts()
      .success(function(newItems) {
        $scope.products = newItems;
        console.log($scope.products);
      })
      .finally(function() {
        // Stop the ion-refresher from spinning (not needed in this view)
        $scope.$broadcast('scroll.refreshComplete');
      });
  };


  $http.get("http://example.com/wp-json/wp/v2/categories/").then(
    function(returnedData){
      $scope.siteCategories = returnedData.data;
      console.log($scope.siteCategories);
    }, function(err){
      console.log(err);
  });

Template view：

    <div ng-repeat = "product in products">
        <div class="item item-image" style="position:relative;">
          <img ng-src="{{product.image}}">
           <div ng-repeat = "siteCategory in siteCategories">-->
              <button class="button button-positive product-price" ng-click="addProduct(product)">
                  <p class="white-color product-price-price">post <b>{{siteCategory[$index].count}}</b></p>
              </button>
            </div>
        </div>

        <div class="item ui-gradient-deepblue">
          <h2 class="title white-color sans-pro-light">{{product.title}} </h2>
        </div>

        <div class="item item-body">
          {{product.description}}
        </div>
    </div>

那我怎么能实现呢？我尝试使用嵌套的ng-repeat，但它没有成功。