title: angularjs interval applies changes in rootscope
body: <p>I followed angularjs's example to doing a timer that updates every second.</p>
  
  <pre><code>.directive('myCurrentTime', ['$interval', 'dateFilter', function($interval, dateFilter) {
  
    return function(scope, element, attrs) {
      var stopTime;
  
      function updateTime() {
        element.text(dateFilter(new Date(), "hh:mm:ss"));
      }
  
      updateTime();
  
      stopTime = $interval(updateTime, 1000);
  
      element.on('$destroy', function() {
        $interval.cancel(stopTime);
      });
    }
  }]);
  </code></pre>
  
  <p>My problem is that on every call to function of the interval(updateTime), the whole scope is updated instead of only the scope of the directive.
  The problem is that I have filters for languages in the root scope and then it calls all the filters every time which is pretty bad..</p>
  
  <p>Is it possible to only apply the function on the local scope of the directive?
  I tryed using:</p>
  
  <pre><code> function updateTime() {
  
       scope.$apply(function () {
             element.text(dateFilter(new Date(), "hh:mm:ss"));
       });
   }
  
   stopTime = $interval(updateTime, 1000, null, false);
  </code></pre>
  
  <p>but with no success.</p>
  
  <p>I added a fiddle with the example:
  <a href="http://jsfiddle.net/f1qqw4d9/2/" rel="nofollow">http://jsfiddle.net/f1qqw4d9/2/</a></p>
  
  <p>I don't want the message below the time to change</p>
  
  <p>Thanks</p>