您好我是这个离子骨架和angularJS的新手。我学会了使用Parse来存储数据。我已经使用带有ng-repeat的离子项将代码从Parse Query显示到离子项。这是我的观看代码:
<ion-item ng-repeat="trip in trips.results" ng-click="getDetail()">
<h2 >{{trip.attributes.title}}</h2 >
<p><span am-time-ago="trip.attributes.created"></span></p>
<p>{{trip.attributes.owner}}</p>
</br>
<p>{{trip.attributes.location}}</p>
<p>{{trip.attributes.price}} <!--| currency:"Rp"--></p>
</ion-item >
旅行服务:
app.service("TripService", function ($q, AuthService) {
var self={
'load': function () {
self.isLoading = true;
var d = $q.defer();
// Initialise Query
var Trip = Parse.Object.extend("Trip");
var tripQuery = new Parse.Query(Trip);
tripQuery.descending('created');
tripQuery.notEqualTo("owner", "all");
// Perform query
tripQuery.find({
success: function (results) {
angular.forEach(results, function (item) {
var trip = new Trip(item);
self.results.push(trip)
});
console.debug(self.results);
// Check if its in the end of the list
if (results.length == 0) {
self.hasMore = false;
}
// Finished
d.resolve();
}
});
并调用控制器中的负载。它完美运行并显示Trip查询中的所有项目。
我想做的是:
- 当我点击其中一个项目时,它将进入tripdetail页面并显示所选行程的所有细节。我已经尝试了几种传递参数的方法,但它返回undefined。如何将点击的项目参数传递给我的控制器?我如何在tripdetail页面中使用它?
编辑: 当我尝试使用 href =&#34;#/ app / home / {{trips.detail.objectId}}&#34; 时,这是我的详细信息页面的配置:
app.config(function ($stateProvider, $urlRouterProvider) {
$stateProvider
.state('app', {
url: '/app',
abstract: true,
templateUrl: 'templates/menu.html',
})
.state('app.home', {
url: '/home',
views: {
'menuContent': {
templateUrl: 'templates/home.html',
controller: 'TripListCtrl'
}
}
})
.state('app.home.detail', {
url: '/home/:tripId',
views: {
'menuContent': {
templateUrl: 'templates/trip.html',
controller: 'TripListCtrl'
}
}
})
};