2016-07-30 7 views
2

Wie kann ich ein Master-Detail-Konzept mit verschiedenen HTTP-Anfragen archivieren?Archiv Master-Detail-Konzept mit verschiedenen HTTP-Anfragen ionic

Ich habe eine Kategorie Liste, die ein oder mehrere Kinder hat. Dann habe ich eine Detailansicht, die nur den Inhalt der Tabelle zeigen soll, der das Elternelement betrifft.

Was ich habe, ist jetzt das:

.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> 

Routen

.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 
    }) 

ich auf diese bin seit 12 Stunden eine keine Fortschritte machen kann. Ich benutze backand.com für die Daten. Kannst du einen Link teilen oder mir ein wenig helfen, wie ich das mit 3 verschiedenen http-Anfragen archivieren könnte?

Jede Hilfe sehr geschätzt!

Antwort