Angularjs - query parse.com $stateParams

Question

I’m looking for support on a query using $stateParams in Angularjs. The query is returning undefined.

I have an array of photos in a news feed. Clicking on a photo should take you to a new page of that photo. I'm below attempting to just spit out the photo id in Network google dev tools tab first.

environment: angularjs, javascript parse api using promises/factory/controller/view

Route

.state(�?gallery.item', {
      url: '/item/:galleryid',
      views: {
        menuContent: {
          controller: 'ItemController as vm',
          templateUrl: path + �?/galleryitem/item.html'
        }
      }
    })

Factory - Parse query

function getFirst(Class, term1, term2){

        var defer = $q.defer();
        var ParseString = Parse.Object.extend(Class);
        var query = new Parse.Query(ParseString);
         query.equalTo(term1, term2);
         if(Class==='Gallery') {
            query.equalTo('approve', true);
            query.ascending('createdAt');
         }
        query
        .first()
        .then(function(resp){
          console.log('getFirst', resp);
          if (resp === undefined) {
            defer.reject(resp);
          } else {
            defer.resolve(resp);
          }

        });

    return defer.promise;
  }

return {
getFirst: getFirst
}

ItemController

function ItemController($scope, $state, $rootScope, $stateParams, Factory) {
var vm = this;

getItemDetails();

function getItemDetails() {

vm.Gallery = [];

Factory
.getFirst('Gallery', 'objectId', $stateParams.id)
.then(function(resp) {

vm.GalleryData = response;

 console.log(resp);

 vm.Gallery.push({
            id: resp.id,
        });

      });

Any help would be greatly appreciated.

Thanks

Cameron

charlietfl · Accepted Answer · 2016-01-19 02:15:50Z

0

In your routing config you use url: '/item/:galleryid', but in controller you are looking for $stateParams.id which doesn't match routing config

Change to $stateParams.galleryid

answered Jan 19, 2016 at 2:15

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

5 Comments

Cameron_Lynch Over a year ago

Thank you very much. The query is coming through now. I still can't seem to show it in my view though.? Can I just do <h2>{{ gallery.id }}</h2> in my item.html?

charlietfl Over a year ago

since Parse is not within aangular context you need to run $scope.$apply() to have angular run digest on view whenever scope is changed externally

Cameron_Lynch Over a year ago

Thank you. Its still getting upset. $digest already in progress errors when I run it. From some research, was told to try $scope.$applyAsync();, which makes the errors go away, but data still not binding to view. I'll keep researching. Cheers.

charlietfl Over a year ago

can also try $timeout() ... have to inject $timeout service in controller to use it

Cameron_Lynch Over a year ago

Hi Charlie, any chance you could have a look at my other link, which is similar in nature? Understand you are busy and have your own life. If you don't ask, you don't get though. stackoverflow.com/questions/34892102/…

Collectives™ on Stack Overflow

Angularjs - query parse.com $stateParams

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related