刷新$ scope更改

ng-view通过路由交换出来。这是一些路线和控制器代码

var containers = [];
angular.module('AContainer',['ngRoute']).config(
function ($routeProvider){
    $routeProvider
    .when('/', {
        controller: containerListCtrl,
        templateUrl: '/closeAndUplift_containerList.html'
    });
}
);
function containerListCtrl($scope, $location){
    $scope.containers = containers;
}

这是div

<div id='containersDiv' ng-app='AContainer'>
    <div ng-view></div>
</div>

在此视图中，已加载了一个视图（closeAndUplift_containerList.html），该视图通过ng-repeat显示对象数组

<div>
<table>
    <thead>
    <th>Pallet id</th>
    </thead>
    <tr ng-repeat='container in containers'>
        <td><a href='#/edit/{{container.index}}'>{{container.id}}</a></td>
    </tr>
</table>

当jquery ajax回调导致更改时，会发生此问题。xhr调用包含在一个单独的库中，并传入一个回调函数。该回调应清除容器列表。回调执行此操作：

var activeScope = $('#containersDiv').scope();
activeScope.$apply( function(){
    activeScope.containers = [];
});

但是什么也没发生。旧值仍在显示。

编辑：我按照Rishul的建议重新安排了代码，以利用$ http的优势使其工作。问题是，尽管这是一种变通方法，但它并不能真正回答我为什么使用的方法不起作用的问题。有人可以评论是否应该选择他的答案来解决问题吗？