离子无法查看对象

时间:2016-07-28 15:50:42

标签: ionic-framework ng-controller

我无法在页面中查看对象。有人可以帮我看看我在这里缺少什么?我在代码笔http://codepen.io/ccrash/pen/wWXVGj中有我的代码。真的需要有人帮忙。当我点击主页中的列表时,它应该将我带到第二页,其中应显示用户详细信息。但是,我在这里没有看到任何细节。

在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];
})

在people-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>

1 个答案:

答案 0 :(得分:0)

$scope.person = Persons[$stateParams.locationId];应为$scope.person = Persons[$stateParams.personId];