范围对象在内部将值更改为控制器范围时更新UI

我正在写一个简单的小文件上传器,我将输入文件输入$scope.files并通过ajax调用上传,然后成功我转移$scope.files到$scope.successfulUploads对象.我想在successfulUploads设置值时立即显示内联列表,它与$scope.files对象一起工作,控制台显示$scope.successfulUploads应该如此.如果你愿意,我只需要写一个可观察的.

这是我的代码:

调节器

$scope.files = [];
$scope.successfulUploads = [];

$rootScope.$on('upload:success', function() {
    //console.log('Controller: on `success`');
    for (var i = 0; i < $scope.files.length; i++) {
        $scope.successfulUploads.push($scope.files[i]);
    }
    $scope.files = [];
    console.log('successfulUploads: ' + $scope.successfulUploads);
});

    Add Files
    


    

        

            
{{file.name}}
            
        
    

Uploaded: {{ successfulUploads.length }}