title: Slow performance of $watch
body: <p>I am using <a href="https://www.google.co.in/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;source=web&amp;cd=1&amp;cad=rja&amp;uact=8&amp;ved=0ahUKEwjmlvmfnajRAhWIMI8KHdbmA2EQFggbMAA&amp;url=https%3A%2F%2Fgithub.com%2Fdanielcrisp%2Fangular-rangeslider&amp;usg=AFQjCNGJiNOWaSM_xKnkPF8DPLPUwHgrIQ" rel="nofollow noreferrer">angular range slider</a> in my project for having the extended Slider functionality.</p>
  
  <p>I am enclosing the relevant code here.<br>
  The directive that I am using has this syntax in the minimal version:</p>
  
  <pre><code>&lt;body ng-controller=“MainController as MC”&gt;
    &lt;div range-slider 
      min="0” 
      max=“MC.maxPrice” 
      pin-handle="min” 
      model-max=“MC.price”
    &gt;
    &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Consider the following code inside the controller:</p>
  
  <pre><code>this.maxPrice = '1000';
  this.price = '69’;
  
  $scope.$watch('MC.price', function (newVal) {
    if (newVal || newVal === 0) {
      for (var i = 0; i &lt; 999; i++) {
        console.log('Successful ouput #' + i);
      }
    }
  });
  </code></pre>
  
  <p>This seems to be working. But it runs slow.</p>
  
  <p>Could somebody suggest me some workaround or suggestion to improve the performance?</p>