Angular UI dropdown list selection
<p><a href="http://plnkr.co/edit/4dGT2cwdfr5ABBhQlNsw?p=preview" rel="nofollow">In this plunk</a> I have an Angular UI dropdown. Is there a way NOT to repeat the ng-click in each <code>&lt;a&gt;</code> element?</p>

<p>HTML</p>

<pre><code>&lt;div class="btn-group" uib-dropdown&gt;
  &lt;button id="btn-append-to-body" type="button" class="btn btn-primary" 
      uib-dropdown-toggle&gt;
      {{selection}} &lt;span class="caret"&gt;&lt;/span&gt;
  &lt;/button&gt;
  &lt;ul class="dropdown-menu" uib-dropdown-menu="" role="menu" 
        aria-labelledby="btn-append-to-body"&gt;
    &lt;li role="menuitem"&gt;
      &lt;a href="#" ng-click="selectItem('1')"&gt;The first item&lt;/a&gt;
    &lt;/li&gt;
    &lt;li role="menuitem"&gt;
      &lt;a href="#" ng-click="selectItem('2')"&gt;Another item&lt;/a&gt;
    &lt;/li&gt;
    &lt;li role="menuitem"&gt;
      &lt;a href="#" ng-click="selectItem('3')"&gt;Yet another item&lt;/a&gt;
    &lt;/li&gt;
 &lt;/ul&gt;
</code></pre>

<p></p>