title: Add spinner to anchor tag in Angular JS
body: <p>I have a page a hyperlink (created using anchor tag) in Angular JS. When I click on the link I want to show a spinner until the content is loaded.</p>
  <p>In list.html, I have declared the DIV tag as below:</p>
  <pre><code>&lt;div id=&quot;loadScreen&quot; class=&quot;load-screen&quot; ng-show=&quot;displayLoader&quot;&gt;
      &lt;div class=&quot;loading-spinner&quot;&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div ng-if=&quot;isAccessible&quot;&gt;
      &lt;a href=&quot;https://www.google.com&quot; ng-click=&quot;showLoader()&quot;&gt;Click here&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  <p>In the controller, I have the following code:</p>
  <pre><code>    $scope.displayLoader = false;
  
      $scope.showLoader = function() {
          console.log(&quot;Inside showLoader....&quot;);
          $scope.displayLoader = true;
      };
  </code></pre>
  <p>The control never enters showLoader function.
  My initial goal is to at least hit this function and print the console log statement but I haven't been lucky so far.</p>
  <p>I'm new to Angular JS and my project is already using v1.3
  So I cannot change the version.</p>
  <p>Please let me know how can I achieve this?</p>
  <p>Thanks.</p>