Sending data to parse.com and update angular $scope

Question

I am sending data to a Class at parse.com, I would like to run this function and update the $scope without having to reload the view.

To create a Programme running the function below works fine, however it sometimes does not update the view following creating a new programme and it requires a page refresh (when the whole function is called as seen at the bottom - getProgrammes();

getProgrammes = function() {
$ionicLoading.show();

var programmesArray = [];
var QueryProgramme = Parse.Object.extend("Programme");
var query = new Parse.Query(QueryProgramme);

query.equalTo("userId", userId);
query.find({
success: function(results) {
  for(var i=0; i < results.length; i++) {
    var object = results[i];

    var programmeData = { title : object.get('programmeTitle'), 
                          id : object.id,
                          exercises : object.get('exerciseData')
                        };

    programmesArray.push(programmeData);
  }

  $scope.programmes = programmesArray;
  $scope.$apply();
  $ionicLoading.hide();
   },
   error: function(error) {
   alert('You do not have any Programmes - please create one');
   }
 })
};

getProgrammes();

I think I may be hacking this by using $scope.apply() - therefore making it unreliable. Assistance on the correct function to use in order to automatically update $scope would be great.

You shouldn't need to call $scope.$apply(). You should just be able to set the property on $scope. Perhaps provide a js fiddle demonstrating the problem — Wayne Ellery
– Wayne Ellery, Commented Jan 18, 2015 at 0:15

Timothy Walters · Accepted Answer · 2015-01-21 09:27:26Z

4

I've been using a library found here:

https://github.com/brandid/parse-angular-patch

Essentially I just reference the parse-angular.js file, and then include the dependency in my app, e.g.:

angular.module('app', [
  'parse-angular',
]);

Then I just use Parse queries anytime I like and they participate correctly with $scope and $apply. The library just does some simple wrapping on the Parse methods to make the async calls obey the rules of angular.

edited Jan 21, 2015 at 9:27

answered Jan 18, 2015 at 5:16

Timothy Walters

16.9k2 gold badges44 silver badges49 bronze badges

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

7 Comments

Taylorsuk Over a year ago

I've looked at this previously and found I couldn't follow the documentation on it (my lack of experience) however I will look again.

Timothy Walters Over a year ago

The documentation is overly complicated, that's why I explained it with two simple steps, just add the JS file and add the references to your app declaration, nothing else is needed for basic functionality

Taylorsuk Over a year ago

I'm being a real dumbass or something, where is the JS file I need? Reference to components/ in index.js but is that some bower magic?

Taylorsuk Over a year ago

Nope still can't figure out what I should use as the JS file?

Timothy Walters Over a year ago

Sorry, the simple version I use is found here: github.com/brandid/parse-angular-patch

|

Collectives™ on Stack Overflow

Sending data to parse.com and update angular $scope

1 Answer 1

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related