Angularjs refresh only angular.element
<p>i working with angularjs, and my web receive data from websocket each second, and now i using a <code>$scope.$apply</code> for refresh every time I get a fact, the problem is when my server send More information than usual the web page is very slow, and if i comment the <code>$scope.$apply</code> the web run fine.</p>

<p>I have something like this</p>

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

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

<p>then i want to do it,</p>

<pre><code> $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  
        }
</code></pre>

<p>but i have a error in this part </p>

<blockquote>
  <p><strong>Cannot read property '$apply' of undefined</strong></p>
</blockquote>

<p>please help me..</p>

<p><strong>UPDATE</strong>
<a href="https://plnkr.co/edit/IPSlk93tub68Kg2FZCfF?p=preview" rel="nofollow">Example in plnkr</a></p>