title: data-ng-click not working in template with data-ng-href
body: <p>Hi I am new to angular and facing a strange issue with an angular template. My template has code :</p>
  
  <pre><code>&lt;li hover-menu data-ng-repeat="nav in navigations" data-ng-class="{'active': current == nav.name.toLowerCase() }"&gt;
              &lt;a data-ng-href="{{nav.link}}" data-ng-click="nav.collapse = !nav.collapse"&gt;
                  &lt;i class="{{nav.icon}} fa-lg-icn"&gt;&lt;/i&gt;&lt;span class="menu-title"&gt;{{nav.name}}&lt;/span&gt;
              &lt;/a&gt;
          &lt;ul class="dropmenu" data-ng-show="nav.sub_menu != false" collapse="nav.collapse"&gt;
              &lt;li data-ng-repeat="item in nav.sub_menu"&gt;
                  &lt;a data-ng-href="{{item.link}}" data-ng-click="showScrollAndGo(item.link)"&gt;&lt;i class="fa fa-circle mrm mlm"&gt;&lt;/i&gt;{{item.name}}&lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
  </code></pre>
  
  <p>but here  <strong>data-ng-click="showScrollAndGo(item.link)</strong> is not working. Though I have defined it in global scope like this:</p>
  
  <pre><code>app.run(function($rootScope, $location) {
                  $rootScope.showScrollAndGo = function (path) {
                      alert(path)
                      $rootScope.showSpinner = false;
                      $location.path(path);
                  }
              })
  </code></pre>
  
  <p>Any Idea where I am doing wrong.</p>