【问题标题】:ion-popover window not showing离子弹出窗口未显示
【发布时间】:2016-12-20 12:51:36
【问题描述】:

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

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

请检查我的以下编码: 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>

感谢您阅读我的问题!

【问题讨论】:

  • 你能分享你的控制器代码吗?
  • 嗨,樱桃,谢谢你的回复。我已将控制器的代码包含在 script.js 内的 plunker 链接中,请检查!
  • 控制器工作了吗?我觉得不是
  • 我对它做了一些修改,但是窗口仍然没有出现
  • codepen 代码在 plunker 中不起作用

标签: javascript html ionic-framework


【解决方案1】:

我找到了解决方案。您在角载荷之前已包含script.js。在angular.js之后加载

<script src="ionic.bundle.js"></script>
<script src="script.js"></script>

【讨论】:

  • 感谢您的帮助...但我试过了,还是不行:(
  • 不,如果您更改这两行,plunker 代码将起作用。告诉我控制台是否有任何错误。
  • 哦,我在我的脚本中包含了一个引导链接...如果我取消注释它,它将起作用。非常感谢您的帮助和时间!谢谢!
【解决方案2】:

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

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

并将 ng-click 更改为:

 ng-click="openPopover($event)"

【讨论】:

  • 感谢您的回答,但它不起作用:(出现灰色背景但仍然没有弹出窗口显示
猜你喜欢
  • 1970-01-01
  • 2018-12-12
  • 1970-01-01
  • 2022-01-03
  • 1970-01-01
  • 1970-01-01
  • 2022-12-14
  • 2015-08-28
  • 2012-02-20
相关资源
最近更新 更多