javascript - AngularJS ng-repeat 不显示值

Question

我有一个简单的 ng-repeat block ，看起来像这样:

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

对应的controller定义了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 [];
    }
};

但是，出于某种原因，在我看来，我没有获得任何服务。我知道我可以直接在 $rootScope 上重复，这就是我以前的做法，但这是为了调试。我正在我的控制台中获取服务:

服务:["ATM","DELI","DIESEL"]

此外，当我将 getServices() 函数更改为如下内容时:

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

它确实正确地更新了 View 。不确定发生了什么!请注意，我在应用程序中还有许多其他完美运行的 ng-repeats。

已解决

我不知道为什么但是在删除 iscroll 之后从这个特定的页面，它工作正常 -_-

Answer 1

既然您提到 iScroll 是问题所在，您是否检查过没有任何全局变量冲突？

也许你应该通过 Angular 实现 iScroll:http://ngmodules.org/modules/ng-iScroll