Issue with AngularJS scope in controller

Question

Below is the code of my view and an abstract of code in my controller.

View:

<div id="search_results" ng-controller="SearchCtrl">
   <ul>
      <li ng-repeat="result in results">{{result.name}}</li>
   </ul>
</div>

Controller:

   myapp.controller('SearchCtrl', function($scope,SearchF) {    
      $scope.launch_search = function() {
         SearchF.update(function() {
            $scope.results = SearchF.get();
         });
      }
   })

The function .get() returns my data, but the view does not update. Looks like my scope ($scope.results) does not refer to the general scope. If I write the .update() block outside of the launch_search function, the view updates fine.

Any idea?

Thanks a lot everyone

siebmanb · Accepted Answer · 2014-05-14 16:02:37Z

1

The solution was to use $scope.$parent.results to reference the parent scope.

answered May 14, 2014 at 16:02

siebmanb

8071 gold badge8 silver badges15 bronze badges

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

Comments

tymeJV · Accepted Answer · 2014-05-14 15:56:54Z

0

.get() is an async call, if it's using ngResource, assign the data in the callback:

 SearchF.get({}, function(data) {
     $scope.results = data;
 });

answered May 14, 2014 at 15:56

tymeJV

105k14 gold badges165 silver badges158 bronze badges

3 Comments

siebmanb Over a year ago

get() is not async, it just returns a data from a factory that was fetched by update() (which is async indeed). Check out my own answer. Thanks for helping.

tymeJV Over a year ago

@user1491411 -- So, update is async, and that stores data in the SearchF service - and the get() simply pulls the stored data? Can you post the searchF service?

siebmanb Over a year ago

Exactly. No need to put the code here, the problem was a scope one, see my own answer to the question.

Community · Accepted Answer · 2017-05-23 12:13:12Z

0

Off course some one has to trigger your function right ?

put a button with ng-click="launch_search()", on click of that your view updates. In case you want the view to be updated on load check out

How to execute angular controller function on page load?

edited May 23, 2017 at 12:13

CommunityBot

11 silver badge

answered May 14, 2014 at 15:59

Subin Sebastian

11k3 gold badges39 silver badges44 bronze badges

1 Comment

siebmanb Over a year ago

Yes something else is triggering the call, see my own answer to the question. Thanks a lot for your help.

Collectives™ on Stack Overflow

Issue with AngularJS scope in controller

3 Answers 3

Comments

3 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related