In this plunk Ich habe ein Dropdown-Menü für Angular UI. Gibt es eine Möglichkeit, den ng-Klick in jedem <a>
Element NICHT zu wiederholen?Angular UI Dropdown-Listenauswahl
HTML
<div class="btn-group" uib-dropdown>
<button id="btn-append-to-body" type="button" class="btn btn-primary"
uib-dropdown-toggle>
{{selection}} <span class="caret"></span>
</button>
<ul class="dropdown-menu" uib-dropdown-menu="" role="menu"
aria-labelledby="btn-append-to-body">
<li role="menuitem">
<a href="#" ng-click="selectItem('1')">The first item</a>
</li>
<li role="menuitem">
<a href="#" ng-click="selectItem('2')">Another item</a>
</li>
<li role="menuitem">
<a href="#" ng-click="selectItem('3')">Yet another item</a>
</li>
</ul>
Delegieren Sie Ereignis an die UL oder besser erstellen Sie einfache Anweisung, um diese Delegation für Sie zu machen. – dfsq
Kannst du mich auf eine Erklärung von "Delegate Event" hinweisen? – ps0604
Nur normale DOM-Ereignisdelegierung. Nichts angular spezifisches. Aber es ist besser, dafür eine Direktive zu erstellen (es sei denn, Sie verwenden jQuery im Projekt, das bereits vorhanden ist). – dfsq