Skip to content

Commit

Permalink
Update Ionic-JavaScript API(2).md
Browse files Browse the repository at this point in the history
  • Loading branch information
ychow committed Mar 29, 2015
1 parent c9b3ef2 commit 493563d
Showing 1 changed file with 92 additions and 0 deletions.
92 changes: 92 additions & 0 deletions Ionic-JavaScript API(2).md
Expand Up @@ -536,3 +536,95 @@ angular.module('testApp', ['ionic'])
![$ionicPopover](http://7vijqz.com1.z0.glb.clouddn.com/ionicPopover.gif)



### $ionicPopup

> $ionicPopup 提供了3个方法:alert(), prompt(),以及 confirm() 。用法也非常简单!

**HTML:**

```javascript
<button class="button button-dark" ng-click="showPopup()">
show
</button>
<button class="button button-primary" ng-click="showConfirm()">
Confirm
</button>
<button class="button button-positive" ng-click="showAlert()">
Alert
</button>
<script id="popup-template.html" type="text/ng-template">
<input ng-model="data.wifi" type="text" placeholder="Password">
</script>
```

**JavaScript:**

```javascript
.controller('PopupCtrl',function($scope, $ionicPopup, $timeout) {
// Triggered on a button click, or some other target
$scope.showPopup = function() {
$scope.data = {}
// An elaborate, custom popup
var myPopup = $ionicPopup.show({
template: '<input type="password" ng-model="data.wifi">',
title: 'Enter Wi-Fi Password',
subTitle: 'Please use normal things',
scope: $scope,
buttons: [
{ text: 'Cancel' },
{
text: '<b>Save</b>',
type: 'button-positive',
onTap: function(e) {
if (!$scope.data.wifi) {
//don't allow the user to close unless he enters wifi password
e.preventDefault();
} else {
return $scope.data.wifi;
}
}
},
]
});
myPopup.then(function(res) {
console.log('Tapped!', res);
});
$timeout(function() {
myPopup.close(); //close the popup after 3 seconds for some reason
}, 3000);
};
// A confirm dialog
$scope.showConfirm = function() {
var confirmPopup = $ionicPopup.confirm({
title: 'Consume Ice Cream',
template: 'Are you sure you want to eat this ice cream?'
});
confirmPopup.then(function(res) {
if(res) {
console.log('You are sure');
} else {
console.log('You are not sure');
}
});
};
// An alert dialog
$scope.showAlert = function() {
var alertPopup = $ionicPopup.alert({
title: 'Don\'t eat that!',
template: 'It might taste good'
});
alertPopup.then(function(res) {
console.log('Thank you for not eating my delicious ice cream cone');
});
};
});
```

![ionicPopup](http://7vijqz.com1.z0.glb.clouddn.com/popup.gif)


0 comments on commit 493563d

Please sign in to comment.