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

Question

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

有问题的按钮是这样的:

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

我检查了问题(离子如何在按钮点击时显示选项下拉列表),但它没有帮助.

也许我需要一些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)"