title: Update Scope With SetInterval / SetTimeout
body: <p>I'm trying to create a "Clock" directive as a way to learn Angular. How would I go about making sure it "ticks?" </p>
  
  <p>Here's what I tried <a href="http://jsfiddle.net/Pharylon/oafcde6g/9/" rel="nofollow">fiddle Link</a>:</p>
  
  <pre><code>angular.module('app')
  .directive('clock' , function(){
    return {
      restrict: 'E',
      template: '&lt;div&gt;{{date}}&lt;/div&gt;',
      link: function(scope, elem, attr){
        scope.date = getDate();
        setInterval(function(){
          scope.date = getDate();
        }, 100);
      }
    }
  })
  </code></pre>
  
  <p>Using setInterval to upate the scope variable isn't working. I'm assuming because the directive isn't watching for it to be changes anymore?</p>