在这个小问题中,我有一个Angular UI下拉菜单。有没有一种方法可以不重复每个<a>
元素的ng-click ?
的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>
该插件显示了如何使用全局ng-click(传递source $event
)并选择data-value
属性作为选定值:
<ul class="dropdown-menu" ng-click="selectItem($event)" uib-dropdown-menu="" role="menu" aria-labelledby="btn-append-to-body">
<li role="menuitem">
<a href="#" data-value="1" >The first item</a>
</li>
<li role="menuitem">
<a href="#" data-value="2">Another item</a>
</li>
<li role="menuitem">
<a href="#" data-value="3">Yet another item</a>
</li>
</ul>
的selectItem()
功能,获得选择的锚定件的数据值属性(ev.target
):
$scope.selectItem = function(ev) {
$scope.selection = ev.target.dataset.value
};
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句