如何获取离子项上单击项的Parse objectId

时间:2016-01-16 13:12:20

标签: javascript angularjs parse-platform ionic-framework

您好我是这个离子骨架和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'
    }
    }
})

};

0 个答案:

没有答案