AngularJS ng-repeat not showing values

Question

I have a simple ng-repeat block that looks like this:

<div ng-repeat = "Service in getServices()">
    {{Service}}
</div>

The corresponding controller defines getServices()

$scope.getServices = function(){
    try{
        var services = [];
        for (var i = 0; i < $rootScope.Store.Services.length; i++){
            services.push($rootScope.Store.Services[i].ServiceID);
        }
        console.log('services: ' + JSON.stringify(services))
        return services;

    }
    catch (err){
        console.log('no services')
        return [];
    }
};

For some reason, however, I am getting no Services in my view. I know I can just repeat directly over the $rootScope and that's how I had it before but this was an effort to debug. I am getting Services in my console:

services: ["ATM","DELI","DIESEL"]

Also, when I change the getServices() function to something like this:

$scope.getservices = function(){
  var test = ["a", "b", "c"];
  return test;
}

It does update the view correctly. Not sure what's going on! Note that I have many other perfectly working ng-repeats in the app.

Solved

I have no idea why but after removing iscroll from this particular page, it works fine -_-

can you try setting $scope.services directly to the array instead of using a function? Then do the repeat with service in services? — Matt Pileggi, Feb 26 '14 at 17:09
@EugeneP Apply would cause an error, as an apply or digest is already in motion. Also he is not updating the scope, so there is no need. — André Snede, Feb 26 '14 at 17:12
Omar, check this link: http://stackoverflow.com/questions/12336897/how-to-loop-through-items-returned-by-a-function-with-ng-repeat — André Snede, Feb 26 '14 at 17:14

André Snede · Answer 1 · 2014-02-27T14:02:34.893

1

Since you mention that iScroll was the problem, have you checked there aren't any global variable collisions?

Maybe you should implement iScroll via Angular: http://ngmodules.org/modules/ng-iScroll

edited Feb 27 '14 at 14:02

answered Feb 26 '14 at 16:51

André Snede

9,899
7
43
67

Negative, getting the same result – Omar Meky Feb 26 '14 at 18:33
1

@OmarMeky Can you supply a fiddle replicating the problem? – André Snede Feb 26 '14 at 18:38
I added it to the question – Omar Meky Feb 26 '14 at 19:10
@OmarMeky Updated my answer again – André Snede Feb 26 '14 at 19:16
1

I have noticed conflicts between [iscroll](https://github.com/watusi/jquery-mobile-iscrollview) and angularjs, adding data-iscroll tends to call angular functions twice among other bugs. I am not sure why this is; there are no global variable collisions I can see. – Omar Meky Feb 27 '14 at 13:24

AngularJS ng-repeat not showing values

1 Answers1