Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/366.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 详细信息页面视图未在中显示数据_Javascript_Angularjs_Ionic Framework - Fatal编程技术网

Javascript 详细信息页面视图未在中显示数据

Javascript 详细信息页面视图未在中显示数据,javascript,angularjs,ionic-framework,Javascript,Angularjs,Ionic Framework,我是爱奥尼亚的新手。我为列表编写代码。列表工作正常,但当单击任何列表项时,它不会显示任何数据。 它向我显示了此错误“无法获取/pilliondetails/1”我如何解决此问题 app.factory('myService', function() { var savedData = {} function set(data) { savedData = data; console.log(savedData); } function get() { return savedData; } r

我是爱奥尼亚的新手。我为列表编写代码。列表工作正常,但当单击任何列表项时,它不会显示任何数据。 它向我显示了此错误“无法获取/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();
})
.controller('PillionDetailCtrl',function($scope, $ionicHistory, $stateParams, myService)
{
$scope.myGoBack = function() {
$ionicHistory.goBack();
};
var promise=myService.get($stateParams.requestId);
console.log(promise);
})
PillionDetail控制器:

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

$scope.pillions = [];
var promise=myService.get();
$scope.pillions=myService.get();
})
.controller('PillionDetailCtrl',function($scope, $ionicHistory, $stateParams, myService)
{
$scope.myGoBack = function() {
$ionicHistory.goBack();
};
var promise=myService.get($stateParams.requestId);
console.log(promise);
})
PillionList.html:显示枕头列表

   <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>
它重定向到pillionDetail视图,但不显示数据。
请帮忙。

我注意到的第一件事是

ui-sref="pilliondetails({pillion.request_id})"
它应该是这样的键值对

ui-sref="pilliondetails({ your_id : pillion.request_id})"
在stateProvider中,详细信息页面的url应该包含参数。例如

url : '/pilliondetails/:your_id'

我尝试了你的建议,但显示了
ionic.bundle.js:26794错误:无效状态引用'pilliondetails({pillionId:pillion.request\u id})
此错误我在我的问题中添加了我的app.js,请参考&help meit,但它没有显示特定id的详细信息它在详细信息页面上携带了全部数据。我使用console.log()来了解详细信息页面上有哪些数据可用。它应该是var promise=myService.get($stateParams.pillionId);你正在通过pillionId。