详细页面视图未在离子中显示数据答案

【问题标题】：Detail Page View not Showing Data in ionic详细页面视图未在离子中显示数据
【发布时间】：2016-09-20 17:02:44
【问题描述】：

我是 Ionic 的新手。我为列表编写代码。列表运行良好，但是当单击任何列表项时，它不显示任何数据。它向我显示此错误“无法获取 /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'
        })

它重定向到pilionDetail视图但不显示数据。请帮忙。

【问题讨论】：

标签： javascript angularjs ionic-framework

【解决方案1】：

我注意到的第一件事是

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

应该是这样的键值对

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

在stateProvider中，详情页的url应该包含参数。例如。

url : '/pilliondetails/:your_id'

【讨论】：

我试过你的建议，但显示ionic.bundle.js:26794 Error: Invalid state ref 'pilliondetails({pillionId:pillion.request_id})这个错误
我在我的问题中添加了我的 app.js，请参考并帮助我
它可以工作，但它不显示特定 id 的详细信息，它在详细信息页面上携带整个数据。我使用了 console.log() 来了解详细页面上有哪些数据。
应该是 var promise=myService.get($stateParams.pillionId);你正在传递pilionId。