異なる http 要求でマスター詳細コンセプトをアーカイブするにはどうすればよいですか?
1 つ以上の子を持つカテゴリ リストがあります。次に、親要素に関連するテーブルのコンテンツのみを表示する詳細ビューがあります。
私が今持っているのはこれです:
.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 を使用しています。リンクを共有するか、3 つの異なる http リクエストでこれをアーカイブする方法を少し教えてもらえますか?
どんな助けでも大歓迎です!