角$资源

Question

I am using the following pattern for my REST API , but vm.listing in my controller is always undefined ? Probably my pattern is not right? Is there a different pattern to use here? I don't want to call the .get(..) in my controller code.

    .factory("listingsResource", ["$resource", "$q", 'appSettings',
        function ($resource, $q, appSettings) {

            return $resource(appSettings.serverPath + "api/Listings/:id")

        }]);

---

    .factory("editService",
              var _listing; 
              var _getListing = function (listingId) {

                _listing = listingsResource.get({
                    id: listingId
                });
              }   

      return {
        listing: _listing,
        getListing: _getListing
    };

Controller Code:

 createService.getListing(listingId);
 vm.listing = createService.listing;

Answer 1

The problem is that when you call listingsResource.get() it returns a promise. Not the data response.

You have to pass the get() a success callback and then set the listing variable inside this callback. I would do something like this:

    .service("listingsService", ["$resource", "$q", 'appSettings',
        function ($resource, $q, appSettings) {
            var _this = this;

            _this.listing = {};

            var listingResource = $resource(appSettings.serverPath + "api/Listings/:id");

            this.getListing = function(listingId){
                listingResource.get({id: listingId}, 
                    function (data) {
                        // Success callback
                        // Set listing keys-value pairs
                        // do not do: _this.listing = data
                        _this.listing.id = data.id;
                        _this.listing.title = data.title;
                    },
                    function(err) {
                        // error callback
                        console.log(err);
                    }
                )
            }
        }
    ])

This works fine with a factory aswell if you prefer. Then in the controller:

 listingService.getListing(listingId);
 vm.listing = listingService.listing;