title: Browser does not detect changes in AngularJS
body: <p>Im developing an AngularJS application using IDE WebStorm and Safari browser. </p>
  
  <p>Everything has worked perfectly so far, but I recently encapsulated some HTLM in a template that I use via a directive: </p>
  
  <pre><code> .directive('referenceValue', [function ($scope) {
      return {
          restrict: 'E',
          templateUrl: "views/citizenprofile/reference/reference.html",
          controller: "referenceValueCtrl"
      }
  }])
  </code></pre>
  
  <p>I "call" the directive the normal way, nothing fancy <code>&lt;reference-value&gt;&lt;/reference-value&gt;</code></p>
  
  <p>When I edit the reference.html the browser only detects the changes <strong>in the first edit.</strong>. If I edit reference.html a second time and update the browser then the change is not detected. If I restart the browser the change is detected again. So I basically need to restart my browser each time I want to debug the HTML code. 
  Changes in the Controller is detected at every edit.  </p>
  
  <p>Can anyone tell me how to fix this error?</p>