Angularjs refresh only angular.element

Question

Я работаю с angularjs, и мой веб-сайт получает данные из websocket каждую секунду, и теперь я использую $scope.$apply для обновления каждый раз, когда я получаю факт, проблема в том, когда мой сервер отправляет больше информации, чем обычно веб-страница очень медленная, и если я прокомментирую $scope.$apply, то работа в сети будет прекрасной.

У меня есть что-то вроде этого

$scope.ChangeData=function(str){ 
    //process.... take around 1ms 
    //here i change a variable, with new info 

    $scope.$apply(); 
//here the process print 60-100ms 
} 

, то я хочу, чтобы это сделать,

$scope.ChangeData=function(str){ 
      //process.... take around 1ms 
      //here i change a variable, with new info 
angular.element(document.getElementById(str.ID)).scope().$apply 

     //I do this, I hope the process will only take a few ms 
     //beacuse i change only the changed element 
     } 

, но у меня есть ошибки в этой части

Не удается прочитать свойство «$ применять 'не определено

пожалуйста, помогите мне ..

UPDATE Example in plnkr

Answer 1

Без полного понимания контекста приложения, я могу только предположить, что это приложение типа сообщений. Это предположение основано на том факте, что: а) вы используете сервер сокетов для push-обновления существующих данных в пользовательском интерфейсе и b) вы пытаетесь поддерживать существующий уже существующий пользовательский интерфейс.

Я взял ваш plunkr и разветвил его, как бы я подошел к этой проблеме. Есть 2 вещи, чтобы понять:

• ItemsController является упрощенной вниз так, что он только потребляет модель исходит от службы и моделируемого толчка для обновления к указанной модели
• itemsService облегчает
  • запоминанию данные сообщения
  • обрабатывает нажимной обновление

Поскольку ng-repeat уже оплачено , просмотрев, любые изменения в его целевой коллекции, вам не нужно делать какие-либо из вещей, которые вы делали, в том числе . Каждый элемент в ng-repeat обновит DOM для вас. Это его цель.

https://plnkr.co/edit/qLeDuP0iaTUE16rY2KTl?p=preview