如何从Ionic中的图标按钮显示下拉菜单？

Question

我正在尝试创建一个下拉菜单，其中包含从图标按钮显示的“共享”和“删除”选项，但Ionic不支持开箱即用。

有问题的按钮是这样的：

<button class="button button-icon icon ion-navicon-round" ng-click="show()"> 
</button>

我检查了问题（ionic how to display a dropdown of choices on button click），但没有帮助。

也许我需要一些Angular.js技巧？我是Angular.js和Ionic框架的新手。

Answer 1

您要找的是组件$ionicPopover

首先创建您的组件

$ionicPopover.fromTemplateUrl('settings.html', {
    scope: $rootScope,
}).then(function(popover) {
    $scope.popup = popover;
});

然后您可以通过按下按钮

来显示它

 $scope.show= function($event) {
    $scope.popup.show($event);
 };

还应更新您的函数的Ng-click以发送$ event paramenter

 ng-click="show($event)"