AngularJS ui-router resolve does not return custom value

Question

When trying to resolve some data before moving to my page, I force resolve a promise, convert it to a custom object and I try to return the custom object to my resolve object.

            .state("trip.detail", {
                url: '/:tripId',
                templateUrl: 'partials/trip/detail.html',
                controller: 'TripDetailController',
                resolve: {
                    trainData: function (TripService, $stateParams, $q) {
                        return TripService.getTripById($stateParams.tripId,function (data) {
                            console.log("received: " + data);
                            return {
                                "relativeTrainId": data.trainId,
                                "from": new Date(data.departure).toISOString(),
                                "to": new Date(data.arrival).toISOString(),
                                "projectId": data.projectId,
                                "isTrip": true,
                                "tripId": data.id,
                                "trajectory": data.trajectory,
                                "statistics": data.statistics
                            }
                        }).$promise;
                    }
                }
            });

This all works, except the 'trainData' that is being injected into my controller is actualy the value 'data' and not custom one that I create.

What's going on?

Extra info about TripService:

services.factory('TripService', function ($resource) {

function TripService() {
    this.tripResource = $resource('rest/trip/:tripId');
}


TripService.prototype.getTrips = function (start, end, project, trainIds, callback) {
    return this.tripsResource.query({
        projectId: project,
        trainIds: trainIds,
        from: start,
        to: end
    }, callback)
}

TripService.prototype.getTripById = function (tripId, callback) {
    return this.tripResource.get({
        tripId: tripId
    }, callback);
}

return new TripService();

});

alfrescian · Accepted Answer · 2014-10-10 15:01:01Z

1

you have to create your own promise and resolve it with your custom object:

        .state("trip.detail", {
            url: '/:tripId',
            templateUrl: 'partials/trip/detail.html',
            controller: 'TripDetailController',
            resolve: {
                trainData: function (TripService, $stateParams, $q) {
                    var deferred = $q.defer();
                    TripService.getTripById($stateParams.tripId,function (data) {
                        console.log("received: " + data);
                        deferred.resolve({
                            "relativeTrainId": data.trainId,
                            "from": new Date(data.departure).toISOString(),
                            "to": new Date(data.arrival).toISOString(),
                            "projectId": data.projectId,
                            "isTrip": true,
                            "tripId": data.id,
                            "trajectory": data.trajectory,
                            "statistics": data.statistics
                        });
                    });
                    return deferred.promise;
                }
            }
        });

edited Oct 10, 2014 at 15:01

answered Oct 10, 2014 at 12:36

alfrescian

4,0791 gold badge20 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

JanVerbeke Over a year ago

trainData is undefined

JanVerbeke · Accepted Answer · 2014-10-10 13:07:29Z

0

@alfrescian

You were almost correct. I changed deferred.$promise to deferred.promise

Thanks

answered Oct 10, 2014 at 13:07

JanVerbeke

305 bronze badges

1 Comment

alfrescian Over a year ago

yub, only $resource objects have $promise. Fixed my answer.

Collectives™ on Stack Overflow

AngularJS ui-router resolve does not return custom value

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related