2016-09-20 10 views
1

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: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

012 PF表示リスト
.state('pillionlist', { 
      url: '/pillionlist', 
      templateUrl: 'templates/pillionlist.html', 
      controller: 'PillionListCtrl' 
     }) 

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

pillionDetailビューにリダイレクトされ、データは表示されません。 助けてください。

答えて

1

私が気づいた最初の事は、それがこの

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

のようなキーと値のペアであるべきで、stateProviderで、詳細ページのURLにパラメータが含まれている必要があり

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

です。たとえば。

url : '/pilliondetails/:your_id' 
+0

私はあなたのsuggetionを試みたが、 'ionic.bundle.jsを示す:26794エラー:無効な状態refの「pilliondetailsは({pillionId:pillion.request_id})'このエラー –

+0

私はplsは私の質問に私のapp.jsを追加しましたそれを参照してください& –

+0

それは動作しますが、詳細ページ上の全体のデータを運ぶ特定のIDの詳細を示していない。私はconsole.log()を使用して、どのデータが詳細ページで利用可能か知っています。 –

関連する問題