如何增加争夺popover的高度?

时间:2015-06-23 15:21:02

标签: angularjs angularjs-directive angularjs-scope ionic-framework ionic

你能不能告诉我如何以百分比或px增加内容弹出的高度,以便在此之后提供页脚。实际上当我增加竞争的高度但更热的时候保持在同一位置为什么?它应该保留在离子之后 - 竞争或竞争或在竞争的底部

这是代码笔 http://codepen.io/anon/pen/waPoMa

on button click pop over is display 

<html ng-app="ionicApp">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>Ionic Accordion</title>

    <link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet">
    <script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script>

  </head>

  <body ng-controller="MyCtrl">

      <p>
  <button ng-click="openPopover($event)">Open Popover</button>
</p>
  </body>
  <script id="my-popover.html" type="text/ng-template">
  <ion-popover-view>
    <ion-header-bar>
      <h1 class="title">My Popover Title</h1>
    </ion-header-bar>
    <ion-content class="contendheight">

    <ul class="list" ng-repeat="item in name"><li class="item item-checkbox  my-checkbox-class"><label class="checkbox"><input type="checkbox" class=""  ></label>{{item.name}}</li></ul></ion-content><ion-footer-bar><button  class="button bar-balanced ">Done</button><button  class="button button-stable ">Cancel</button></ion-footer-bar>
  </ion-popover-view>
</script>
</html>

1 个答案:

答案 0 :(得分:0)

将您的课程添加到<ion-popover-view class="contendheight"> 在这里查看示例:http://codepen.io/anon/pen/PqObKq