细节页面查看不显示离子数据

我是Ionic新手。我为列表编写代码。列表工作正常，但当点击任何列表项时，它不会显示任何数据。它向我展示了这个错误“不能GET/pilliondetails/1”我该如何解决这个问题？细节页面查看不显示离子数据

app.factory('myService', function() { 
var savedData = {} 
function set(data) { 
savedData = data; 
console.log(savedData); 
} 
function get() { 
return savedData; 
} 

return { 
set: set, 
get: get 
} 
})

PillionList控制器：

.controller('PillionListCtrl',function($scope,$ionicHistory,myService){ 
$scope.myGoBack = function() { 
$ionicHistory.goBack(); 
}; 

$scope.pillions = []; 
var promise=myService.get(); 
$scope.pillions=myService.get(); 
})

PillionDetail控制器：

.controller('PillionDetailCtrl',function($scope, $ionicHistory, $stateParams, myService) 
{ 
$scope.myGoBack = function() { 
$ionicHistory.goBack(); 
}; 
var promise=myService.get($stateParams.requestId); 
console.log(promise); 
})

PillionList.html：显示列表PF Pillions

<ion-list> 
    <ion-item data-ng-repeat="pillion in pillions"> 
    <div class="list list-inset"> 
    {{pillion.request_departure_date}}-{{pillion.request_departure_time}} 
    {{pillion.request_from}}&nbsp;&nbsp;>>&nbsp;&nbsp;{{pillion.request_to}} 
    {{pillion.user_first_name}}&nbsp;{{pillion.user_last_name}} 
    <a ui-sref="pilliondetails({pillionId:pillion.request_id})" nav-direction="enter"> 
     <h2>More Details...</h2> 
    </a> 
    </div> 
    </ion-item> 
    </ion-list>

我app.js

.state('pillionlist', { 
      url: '/pillionlist', 
      templateUrl: 'templates/pillionlist.html', 
      controller: 'PillionListCtrl' 
     }) 

     .state('pilliondetails', { 
      url: '/pillionlist/:pillionId', 
      templateUrl: 'templates/pilliondetails.html', 
      controller: 'PillionDetailCtrl' 
     })

将其重定向到pillionDetail视图但不显示数据。请帮忙。

来源

2016-09-20 Harshad Dusane

我注意到的第一件事是

ui-sref="pilliondetails({pillion.request_id})"

应该是键值对这样

ui-sref="pilliondetails({ your_id : pillion.request_id})"

和stateProvider，详细信息页面的URL应该包含参数。例如。

url : '/pilliondetails/:your_id'

来源

2016-09-20 07:44:45 ni3aj

我想你的suggetion但显示'ionic.bundle.js：26794错误：无效的状态REF“pilliondetails（{pillionId：pillion.request_id}）'这个错误 –

我加了我app.js在我的问题请请参阅＆帮助我 –

它的工作原理，但它没有显示特定ID的详细信息，它在详细信息页面上显示整个数据。我使用console.log（）来了解详细信息页面上可用的数据。 –

细节页面查看不显示离子数据

回答

相关问题