带数组的 angular 和 changling dom 树

问：

我在angular中有html组件。模板是

              <tr ng-repeat="item in documentList track by $index">
                <td>{{item.TYPE}}</td>
                <td>{{item.DATE_CREATE}}</td>
                <td>
                  <a type="button" class="btn btn-default" ng-click="delDocument(item)">Delete</a>
                </td>
              </tr>

delDocument（item） 方法是

  $scope.delDocument = function(item){
    if(confirm('Do you really want to delete document?')) {
      $.ajax('/ajax/del_document.php', {
        'method': 'POST',
        'data': {
          'id': item.ID,
        },
        'success': function(){
          i = 0;
          while(i<$scope.documentList.length) {
            if($scope.documentList[i].ID===item.ID) {
              $scope.documentList.slice(i, 1);
            }
            i++;
          }
        }
      });
    }
  }

所以我预计当用户按下删除按钮时，ajax 会删除后端的元素，然后 documentList 会发生变化，然后角度会改变 dom 树。但事实并非如此：documentList 正在更改，但 html 页面仍然相同。 为什么会这样？我做错了什么？