具有不同 http 请求离子的归档主细节概念

Archive Master detail concept with different http requests ionic

我如何使用不同的 HTTP 请求归档主要细节概念?

我有一个类别列表,其中有一个或多个子项。然后我有一个详细视图,它应该只显示 table 中与父元素相关的内容。

我现在拥有的是:

    .controller('CatsCtrl', function($scope $http) {
          $scope.goToDetail = function(id) {
              $state.go("detail")
              $scope.update(id);

            }

            $http.get(Backand.getApiUrl() + '/1/objects/Card')
            .then(function(response) {
                $scope.content = response.data.data;
            });

})

    .controller('DetailCtrl', function($scope $http) {
        $http.get(Backand.getApiUrl() + '/1/objects/Card')
        .then(function(response) {
            $scope.content = response.data.data;
        });
      })

HTML

<div ng-repeat="cat in content" class="animated lightSpeedIn">
      <a href="#/details/{{cat.id}}" nav-transition="none"><div ng-style="{'background': 'url(' + cat.catBgUrl + ')','background-repeat': 'no-repeat','background-size': '100% 100%','display': 'block','width': '100%','height': '25vh' }" class="bgcat center">
        <div class="inner">
          <h1>{{cat.catName}}</h1>
          <h4>{{cat.catSubtitle}}</h4>
          <img src="img/home/open.png" alt="">
        </div>
      </div></a>
    </div>

路线

.state('details', {
      url: '/details/:id',
      templateUrl: 'templates/detail.html',
      controller: "DetailCtrl",
      cache: false
    })
.state('cats', {
      url: '/cats',
      templateUrl: 'templates/cats.html',
      controller: "CatsCtrl",
      cache: false
    })

我已经研究了 12 个小时,但没有取得任何进展。我使用 backand.com 作为数据。您可以分享 link 或帮助我如何使用 3 个不同的 http 请求将其存档吗?

非常感谢任何帮助!

您可以通过 1 个 $http 调用来存档父项及其子项 请看这里

When retrieving the list of "master" objects, Backand Fails to retrieve "slave" objects

adding related data to backand api