угловой $ scope в селекторе

Question

все. Я новичок в AngularJS и считаю это очень интересным, но я немного не понимаю, о следующей ситуации.

angular.module("myApp", []).controller("myCtrl", function ($scope) { 
$('#light-pagination').pagination({ 
    items: count, 
    itemsOnPage: 10, 
    cssStyle: 'light-theme', 
    onPageClick: function (pageNumber) { 
     ajaxHelper(AccountingObjectUri + '?$skip=' + (pageNumber * 10 - 10) + "&$top=10", 'GET').done(function (data) { 
      // console.log(data); 
      $scope.AccountingObject = data; //not working 
     }); 
    } 
}); 

}

я не могу присвоить $ scope.AccountingObject = данные, есть в любом случае я могу назначить возвращаемые данные в $ объеме?

Answer 1

onPageClick происходит за пределами обычного углового срока службы. Вы должны позвонить $scope.$apply() после назначения данных, чтобы указать угловое значение для обновления вида.

.done(function(data) { 
    $scope.$apply(function() { 
    $scope.AccountingObject = data; 
    }); 
}); 

В угловом общем правиле нет прямого манипулирования DOM, внутри контроллера, предпочтительный способ заключается в использовании директивы с функцией связи, которая изменяет DOM (т.е. вызывающего pagination()).

Answer 2

Использование $scope.$evalAsync.

   $scope.$evalAsync(function() {      

        $scope.AccountingObject = data; 

       }); 

В идеале вы должны обновить DOM внутри директивы, а не в контроллере.