Ionic Framework如何在離子含量圖下方放置div或按鈕

Question

我正在處理離子項目，並在標簽中按照本教程放置了一個google map。 現在，我想放置一些按鈕（在div內）以觸發該地圖上的某些操作。 如何實現呢？ 我真的是這個框架的新手，我將不勝感激。

我的index.html

 <body> <ion-nav-bar class="bar-positive" animation="nav-title-slide-ios7"> <ion-nav-back-button class="button-clear"> <i class="ion-arrow-left-a"></i> </ion-nav-back-button> <ion-nav-buttons side="right"> <a class="button" href="#/tab/twitter"> <i class="icon ion-social-twitter"></i> </a> </ion-nav-buttons> </ion-nav-bar> <ion-nav-view animation="slide-left-right-ios7"> </ion-nav-view> </body>

我的maps.html

 <ion-view title="Ubicación"> <ion-content id="maps" scroll="false" data-tap-disabled="true"> </ion-content> </ion-view>

Answer 1

為什么不將地圖添加到單獨的div中

<ion-view title="Ubicación">
    <ion-content>
          <div id="maps" scroll="false" data-tap-disabled="true"></div>
          <div class="testHello "> My Button </div>
    </ion-content>
</ion-view>

並將您的物品放在固定的位置

.testHello { 
  position : absolute;
  background-color: red;
    width : 100%;
  bottom:0px;
}

請參閱更新的Codepen http://codepen.io/anon/pen/eNgRpR

Ionic Framework如何在離子含量圖下方放置div或按鈕

問題描述

1 個解決方案

解決方案1
2 已采納 2015-05-29 16:33:33

Ionic Framework如何在離子含量圖下方放置div或按鈕

問題描述

1 個解決方案

解決方案1 2 已采納 2015-05-29 16:33:33

解決方案1
2 已采納 2015-05-29 16:33:33