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

Question

我正在尝试创建一个下拉菜单，其中包含从图标按钮显示的选项 "share" 和 "delete"，但 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 参数

 ng-click="show($event)"

How to display dropdown menu from an icon button in Ionic?