Ionic中弹窗 - 爱码网

Ionic中弹窗有两种ionicModal和ionicPopup;

$ionicModal是完整的页面；

$ionicPopup是(Dialog)对话框样式的，直接用JavaScript设定对话框的一些参数，通常用于通知消息、确认等作用；

案例：

 1  angular.module('testApp', ['ionic'])
 2 .controller('MyController', function($scope, $ionicModal) {
 3   $ionicModal.fromTemplateUrl('modal.html', {
 4     scope: $scope,
 5     animation: 'slide-in-up'
 6   }).then(function(modal) {
 7     $scope.modal = modal;
 8   });
 9   $scope.openModal = function() {
10     $scope.modal.show();
11   };
12   $scope.closeModal = function() {
13     $scope.modal.hide();
14   };
15   //当我们用完模型时，清除它！
16   $scope.$on('$destroy', function() {
17     $scope.modal.remove();
18   });
19   // 当隐藏模型时执行动作
20   $scope.$on('modal.hide', function() {
21     // 执行动作
22   });
23   // 当移动模型时执行动作
24   $scope.$on('modal.removed', function() {
25     // 执行动作
26   });
27 });