title: AngularJS ng-click not working in <li> tag
body: <p>I'm making a pagination list image using <code>AngularJS</code>. <code>ng-click</code> doesn't work when I use it in <code>&lt;li&gt;</code> tag or even on <code>&lt;a&gt;</code> tag in it. But it's working fine in <code>&lt;button&gt;</code> tag.</p>
  
  <pre><code>&lt;div  ng-controller="sampleCtrl" ng-app="myApp" data-ng-init="currentpage=1"&gt;
              &lt;h2&gt;{{currentpage}}&lt;/h2&gt;
          &lt;ul&gt;
               &lt;li data-ng-repeat="image in images[currentpage-1]"&gt;
                  &lt;img src='{{ image.img }}' width="150px" height="88px"/&gt;
               &lt;/li&gt;
          &lt;/ul&gt;
  
  
      &lt;ul class="pagination"&gt;
          &lt;li data-ng-repeat="i in [1,2,3,4,5]" title="Page {{i}}"&gt;
              &lt;a href="#" data-ng-click="currentpage = currentpage + 1"&gt;{{i}}&lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
      &lt;button data-ng-click="currentpage = currentpage + 1"&gt;Click me!&lt;/button&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>Anyone knows what's the problem?</p>
  
  <p>BTW, I tried <a href="https://stackoverflow.com/questions/22575895/angularjs-ng-click-on-li-icon">this answer</a>, but it's not working.</p>