一个html中能有多个one popover吗？
一个html中能有多个one popover吗？
提问于 2015-08-25 16:33:51
我目前正在开发phonegap，尝试使用onsen UI创建popover。我有个问题要显示不同的弹出屏幕。不知道这里有什么问题。
js码
ons.createPopover('pickup.html').then(function(popover) {$scope.popover = popover;}); $scope.pk = function(e) {$scope.popover.show(e);};
ons.createPopover('popover.html').then(function(popover) {$scope.popover = popover;});
$scope.show = function(e) {$scope.popover.show(e);};html代码
ons-button modifier="pickup_icon" id="p1" ng-click="pk('#p1')">Pick UP </ons-button>
<ons-list-item modifier="chevron" class="list-item-container" id="u2" ng-click="show('#u2')">脚本代码
<!-- Module 1 -->
<script type="text/ons-template" id="pickup.html">
<ons-popover direction="down" cancelable>
<div style="text-align: center; opacity: 0.5;">
<p>Option</p>
<ons-button modifier="popup_btn" onclick="">Void</ons-button>
<ons-button modifier="popup_btn" onclick="">Continue</ons-button>
</div>
</ons-popover>
</script>
<!-- Module 2 -->
<script type="text/ons-template" id="popover.html">
<ons-popover direction="right" cancelable>
<div style="text-align: center; opacity: 0.5;">
<p>Customize</p>
<ons-button modifier="popup_btn" onclick="">+</ons-button>
<input type="text" class="text-input qty_style" placeholder="1" value="">
<ons-button modifier="popup_btn" onclick="">-</ons-button>
</div>
</ons-popover>
</script>有没有人有过在多个弹出框上做phonegap的经验？谢谢
Stack Overflow用户
回答已采纳
发布于 2015-08-26 03:29:50
你可以想吃多少就吃多少，是的。
您可以在开始时创建所有这些代码，并将它们存储在$scope中。您的问题是将它们存储在同一个变量中，即用第二个变量覆盖第一个弹出窗口。只需将它们命名为popover1和popover2或您想要的任何东西，如下所示：
ons.createPopover('pickup.html').then(function(popover) {$scope.popover1 = popover;});
$scope.pk = function(e) {$scope.popover1.show(e);};
ons.createPopover('popover.html').then(function(popover) {$scope.popover2 = popover;});
$scope.show = function(e) {$scope.popover2.show(e);};在这里工作：http://codepen.io/frankdiox/pen/jPgdop
希望能帮上忙！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32209393
复制相关文章
相似问题
腾讯云开发者
