細節頁面查看不顯示離子數據

我是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（）來了解詳細信息頁面上可用的數據。 –

細節頁面查看不顯示離子數據

回答

相關問題