Ionic Objekt kann nicht angezeigt werden

Question

Ich kann das Objekt auf der Seite nicht anzeigen. Kann mir jemand helfen, einen Blick darauf zu werfen, was ich hier vermisse? Ich habe meinen Code in Code-Stift http://codepen.io/ccrash/pen/wWXVGj. Wirklich jemanden brauchen, um zu helfen. Wenn ich auf die Liste in der Hauptseite geklickt habe, sollte es mich auf die zweite Seite bringen, auf der Benutzerdetails angezeigt werden sollen. Aber ich sehe hier keine Details.

In App.js

.state('app.person', { 
    url: "/person/:personId", 
    views: { 
     'menuContent': { 
      templateUrl: "templates/people-detail.html", 
      controller: 'PersonDetailCtrl' 
     } 
     } 
}) 

Controller.js

.controller('PersonDetailCtrl', function($scope, $stateParams, Session, $state, $ionicHistory) {  

    var Persons = [ 
     {id: 1, name: 'Mickey', Tel: '12345'}, 
     {id: 2, name: 'Donald', Tel: '23444'}, 
     {id: 3, name: 'Goofy', Tel: '12323'} 
    ]; 
    $scope.person = Persons[$stateParams.personId]; 
}) 

In Menschen-detail.html

<ion-content ng-controller="PersonDetailCtrl" class="background"> 
    <div> 
    <i class="{{person.id}}"> </i> 
    </div> 
    <div> 
    <i class="{{person.name}}"> </i> 
    </div> 
</ion-content> 

Answer 1

Diese $scope.person = Persons[$stateParams.locationId]; solltesein 210