View not updating after receiving a promise

[jsf]

I'm using Angular 1.0.1. I have an Angular service which returns a promise. I'm calling this service from a controller. The process works in a sense that promise returns correct data but I cannot update the view with received data. Any thoughts on this problem?

// JS code in Controller
$scope.doSearch = function(query) {
    Search.google(query).then(
      function(result) {
        console.log("SUCCESS");
        $scope.gData = result;
      },
      function(result){
        console.log("ERROR");
      }
    );
  };

// View
<p>Data is {{ gData }}</p>

[Joshua Miller]

Hello!

If the update of the data occurs outside of a digest cycle, you have to trigger one manually with $scope.$apply: http://docs.angularjs.org/api/ng.$rootScope.Scope. So in your case, you'll need to wrap the `$scope.gData = result` in a call to $apply.

Josh

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To post to this group, send email to ang...@googlegroups.com.
To unsubscribe from this group, send email to angular+u...@googlegroups.com.
Visit this group at http://groups.google.com/group/angular?hl=en-US.
 
 

[jsf]

Thanks for the reply Josh. Yes, I tried to wrap `$scope.gData = result` in $scope.$apply(function() { $scope.gData = result; }); but then I get "$apply already in process" error message. 

[Joshua Miller]

Can you post a plunker?

Josh

(sent from my phone)

[jsf]

I was able to resolve this problem. I had a wrong set-up (logically). Thanks for your time though.

[Anthony Honaker]

How did you resolve the problem?  I've run into the same scenario.

Anthony

[Joshua Miller]

Hello! Can you post a Plunker or Fiddle?

Josh

To unsubscribe from this group and stop receiving emails from it, send an email to angular+u...@googlegroups.com.

To post to this group, send email to ang...@googlegroups.com.

Visit this group at http://groups.google.com/group/angular?hl=en-US.

For more options, visit https://groups.google.com/groups/opt_out.
 
 

[Anthony Honaker]

Just like jsf, I resolved on my own.  I was having issue with nested callbacks and my promise wasn't surfacing appropriately.  

Thx.

[Patrick Tisdel]

Could people start posting their solutions when they find them? Honestly, there's nothing more frustrating than finding someone who has your problem--and fixed it--without explaining how.

[lasjan]

Hello,

I spent 2 hours struggling with this, so I joined to this group explicitly to make it easier for rest of developers. This "set up" error mentioned before is using ng-controller="your controller" in your view, and applying it again in your js code app.controller("your controller",..). It seems like duplicate, in my case removing  ng-controller="your controller" from view resolved this issue.

Regards