Wie kann ich die Objektdetails in eckigen abrufen?

Question

Ich habe versucht, nach einer Lösung für mein Problem zu suchen, aber es scheint, dass mein Code funktionieren sollte. Ich habe Daten vom Firebase abgerufen und möchte sie in meiner Ansicht anzeigen. Das Datenobjekt wird in der Entwicklerkonsole angezeigt, wenn ich in der fraglichen Ansicht bin.

Meine Ansicht:

<ion-view cache-view="false" ng-controller="PostCtrl"> 
    <ion-nav-title>{{ viewname }}</ion-nav-title> 
    <ion-content class="has-header contentpane"> 

     <div class="titlepane"> 
      <h4 class="posttitle"> 
       {{item.title}} 
      </h4> 
      <p class="categorytitle"> 
       {{item.category}} 
      </p> 
     </div> 

    </ion-content> 
</ion-view> 

Der Controller:

firebaseApp.controller('PostCtrl', function ($scope, firebaseApi, $stateParams) { 
'use strict'; 

// Create a name for the view to show as the title 
$scope.viewname = 'Svampe'; 

// The stateParams is defined in the Services.js and defined in the scope here. 
$scope.id = $stateParams.id; 

// API call to the firebase for a specific post 
firebaseApi.getSingle($scope.id).then(function (succ) { 
    $scope.item = succ; 
    console.log("Items", $scope.item); 
}, function(err) { 
    console.log('Error: ', err); 
}); 

}); 

Haben Sie eine Ahnung, warum die Daten in der Ansicht, die nicht wahr? Ich kann sehen, dass das Objekt erfolgreich abgerufen wurde, aber es wird nicht angezeigt.

Answer 1

dieses

{{item.data.title}} 

{{item.data.category}} 

Fiddle Versuchen:

http://jsfiddle.net/B9RsQ/40/