ionic-angular/demos/service/popup/popping/index.html

[](https://circleci.com/gh/driftyco/ionic)

---
name: popping
component: $ionicPopup
---

<ion-header-bar class="bar-positive">
  <h1 class="title">Popups</h1>
</ion-header-bar>
<ion-content ng-controller="PopupCtrl">
  <button class="button button-dark" ng-click="showPopup()">Generic</button>
  <button class="button button-primary" ng-click="showConfirm()">Confirm</button>
  <button class="button button-balanced" ng-click="showPrompt()">Prompt</button>
  <button class="button button-balanced" ng-click="showPasswordPrompt()">Password Prompt</button>
  <button class="button button-positive" ng-click="showAlert()">Alert</button>
  <div class="list">
    <a class="item" href="#"
      ng-repeat="item in [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]">
      Item {{item}}
    </a>
  </div>
</ion-content>

<script id="popup-template.html" type="text/ng-template">
  <input ng-model="data.wifi" type="text" placeholder="Password">
</script>