ng-repeat不更新视图

时间:2013-08-28 06:07:09

标签: angularjs

我在我的控制器中有这个功能,我使用ng-repeat来更新视图。 事情是即使我在下面的控制器中使用$ scope。$ apply(),视图也没有得到更新。我可能在这里遗漏了一些东西。

我已经通过调试验证了

   $scope.files = promise.file; 

正确获取值,但是与$ scope.files关联的ng-repeat没有得到更新。

控制器:

  $scope.prevDirFiles = function(){
    var currDir = fileSvc.getCurrDir();
    var arr = currDir.split('/');
    var rebuildDir = config.rootDirectory;
    for(var i=1; i<arr.length-1;i++){
        rebuildDir += '/'+arr[i]
    }
    // Load File based on rebuilt directory path
    fileSvc.setPath(rebuildDir);

    $scope.$apply(fileSvc.getfiles().then(
        function(promise){
            $scope.files = promise.file;
        }
    ));
}

服务:

 this.getfiles = function(){
    var deffered = $q.defer();
    var url = config.url + 'api_all';
    console.log("Path is: ");
    console.log(this.path);
    $http({method:'POST', url:url,data: {path:this.path}})
        .success(function (data, status, headers, config) {
            deffered.resolve(data);
        })
        .error(function (data, status, headers, config) {
            deffered.reject({"status": false});
        });
    return deffered.promise;
}

有人可以指导一下我的错误。

感谢。

HTML

<ul class="list" ng-repeat="file in files">
    <li class="list-main" ng-click="getFiles('{{file['file-path']}}','{{file['file-name']}}')" >
        <img src="images/cloud.png" class="img">
        <div class="list-info">
            <div class="list-header">{{file['file-name']}}</div>
            <!--<div class="list-info-bottom">Last Modified on 01-Aug-2013 15:38:38</div>-->
        </div>
    </li>
</ul>

控制器功能绑定到ng-click

$scope.getFiles = function(fpath,fname){
    var path = fpath +'/'+fname;
    fileSvc.setCurrDir(path);
    console.log(path);
    fileSvc.setPath(path);

    fileSvc.getfiles().then(
        function(promise){
            $scope.files = promise.file;
        }
    )

}

即使在$ scope.files上应用$ apply之后,第二个函数prevDirFiles也没有更新视图。

$scope.prevDirFiles = function(){
    fileSvc.getCurrentWorkingDirectory().then(
        function(response){
            var arr = response.split('/');
            var rebuildDir = config.rootDirectory;
            for(var i=1; i<arr.length-1;i++){
                rebuildDir += '/'+arr[i]
            }
            fileSvc.setPath(rebuildDir);
            fileSvc.getfiles().then(
                function(response){
                    $scope.$apply($scope.files = response.file);
                }
            );
        })

}

1 个答案:

答案 0 :(得分:2)

好吧,我发现了为什么这不起作用。我在index.html外面的app-body中有另一个...它实际上是触发prevDirFiles()函数的按钮,如ng-controller =“FilesCtrl”。而且在路线中,我已经为页面定义了控制器,就像之前的FilesCtrl一样。我不确定在angularjs里面究竟是怎么回事以及出了什么问题(如果有人知道请做解释),当我从标题中删除控制器时它得到修复。