离子点击确认弹出按钮打开另一个弹出窗口

Question

在我的 ionic 框架中，单击提交按钮会打开一个确认弹出窗口。

我想点击是！ button 显示另一个类似的弹出窗口。单击一个弹出按钮时如何定位另一个弹出窗口。

我的控制器代码如下：

.controller('PopupCtrl', function($scope, $ionicPopup){
    //confirm Number
    $scope.confirmNumber = function(){
        var confirmPopup = $ionicPopup.confirm({
            title: 'NUMBER CONFIRMATION:',
            template: '<span class="numberConfirm">+91 9820098200</span>Is your phone number above correct?',
            buttons: [{ 
              text: 'Edit',
              type: 'button-block button-outline button-stable',
              scope: null,
              onTap: function(e) {

              }

            }, {
              text: 'Yes, it is!',
              type: 'button-block button-outline button-stable',
              onTap: function(e) {

                return scope.data.response;
              }
            }]
        });
        confirmPopup.then(function(res){
            if(res){

            }else{

            }
        });
    };
});

Answer 1

终于找到解决办法了：

codePen Demo

angular.module('mySuperApp', ['ionic'])

.controller('PopupCtrl', function($scope, $ionicPopup){
    //confirm Number
    $scope.confirmNumber = function(){
        var confirmPopup = $ionicPopup.confirm({
            title: 'NUMBER CONFIRMATION:',
            template: '<span class="numberConfirm">+91 9820098200</span>Is your phone number above correct?',
            buttons: [{ 
              text: 'Edit',
              type: 'button-block button-outline button-stable',
              scope: null,
              onTap: function(e) {

              }

            }, {
              text: 'Yes, it is!',
              type: 'button-block button-outline button-stable',
              onTap: function(e) {
                  $scope.showAlert();
              }
            }]
        });
        confirmPopup.then(function(res){
            if(res){

            }else{

            }
        });
    };

  // permissions 
    $scope.showAlert = function() {
        var alertPopup = $ionicPopup.alert({
            title: 'we would like yo access',
            template: '<i class="ion-android-contacts"></i> Contact <br/> <i class="ion-android-locate"></i> Location',
            okType: 'button-block button-outline button-stable',

        });
        alertPopup.then(function(res) {
            console.log(45);
        });
    };

});

离子点击确认弹出按钮打开另一个弹出窗口

Ionic on click confirm popup button open another pop up

angularjs

ionic-framework

ionic-popup