angularjs - why the button is not visible for all time (visible while scroll )? -


i trying make pop on in there multiple selected element present .in there header present , contend footer not present .i need there close button on footer visible @ time .it visible when scrolling data .in other words please click on right icon "gear" icon open pop on when scroll data can see there close button present .i need button present on footer should display time here code

<script id="my-column-name.html" type="text/ng-template">     <ion-popover-view>         <ion-header-bar>             <h1 class="title">show columns</h1>         </ion-header-bar>         <ion-content>             <ul class="list" ng-repeat="item in data">                 <li class="item item-checkbox">                     <label class="checkbox">                         <input type="checkbox" ng-model="item.checked">                     </label>                     {{item.label}}                 </li>             </ul>             <ion-footer-bar>                 <button ng-click="closepopover()">close</button>             </ion-footer-bar>          </ion-content>     </ion-popover-view>  

http://plnkr.co/edit/hsngvd7q6iri8etsvhtj?p=preview

move ion-footer-bar should outside of ion-content solve issue.

markup

<ion-popover-view>     <ion-header-bar>         <h1 class="title">show columns</h1>     </ion-header-bar>     <ion-content>         ..content here     </ion-content>     <ion-footer-bar>         <button ng-click="closepopover()">close</button>     </ion-footer-bar> </ion-popover-view> 

demo


Comments

Popular posts from this blog

python - TypeError: start must be a integer -

c# - DevExpress RepositoryItemComboBox BackColor property ignored -

django - Creating multiple model instances in DRF3 -