离子弹出窗口没有显示

时间:2016-12-19 06:27:37

标签: javascript html ionic-framework

我用以下编码创建了一个离子弹出窗口......

在我的情况下,当我点击设置按钮时,背景将默认为灰色,但不会弹出选项/窗口。当我点击一个空白区域时,灰色背景将会释放。

请检查我的以下编码: Link to Plunker

<div class="buttons" ng-controller="AppCtrl">
    <button class="button icon ion-gear-a" ng-click="popover.show($event)" ng-controller="AppCtrl"></button></div>

感谢您阅读我的问题!

2 个答案:

答案 0 :(得分:1)

我有解决方案。您已在角度加载前包含script.js。在angular.js

之后加载它
<script src="ionic.bundle.js"></script>
<script src="script.js"></script>

See the working plunker and I just changed the above lines, please make sure that the <code>src</code> is correct as shown in the plunker's snapshot

答案 1 :(得分:1)

将此功能添加到您的控制器:

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

并将ng-click更改为:

 ng-click="openPopover($event)"