Offenes ionisches Modal von ionischem Popup

Question

Wie rufe ich openAddCardModal() in ModalController von PopupController an?

function PopupController($scope, $ionicPopup, $timeout, $state) { 
    $scope.showPaymentOptionsPopup = function() { 
     $ionicPopup.confirm({ 
      title: 'Payment Options', 
      cssClass: 'popup-vertical-buttons', 
      buttons:[  
      { 
       text: "Add", 
       type: 'button-positive', 
       onTap: function(){ 
        // call openAddCardModal(); 
       } 
      }, 
      { 
       text: "Edit", 
       type: 'button-positive', 
       onTap: function(){ 
       } 
      }, 
      { 
       text: "Close", 
       type: 'button-dark', 
       onTap: function(){ 
       } 
      } 
      ] 
     }); 
    }; 
} 

function ModalController($scope, $ionicModal, $stateParams) { 
    // addCardModal() 

    $ionicModal.fromTemplateUrl('views/payment-add-card.view.html', { 
     scope: $scope, 
     animation: 'slide-in-up' 
    }).then(function(modal) { 
     $scope.addCardModal = modal; 
    }) 

    $scope.openAddCardModal = function() { 
     $scope.addCardModal.show() 
    } 

    $scope.closeAddCardModal = function() { 
     $scope.addCardModal.hide(); 
    }; 

    $scope.$on('$destroy', function() { 
     $scope.addCardModal.remove(); 
} 

Answer 1

Verwenden AngularJS Dienst setzen Communiaction zwischen Controllern

Lesen Sie dazu: Communicate with controllers in angular js

Ihr Service wie folgt aussehen:

function ServiceName(){ 
    var serviceFunction; 

    return { 
     set: function(funcFromCtrl){ 
      serviceFunction = funcFromCtrl; 
     }, 
     call: function(){ 
      serviceFunction(); 
     } 
    } 
}) 

und Controller:

function PopupController($scope, $ionicPopup, $timeout, $state, ServiceName) { 
    ... 
     onTap: function(){ 
      ServiceName.call(); 
     } 
    ... 
} 

function ModalController($scope, $ionicModal, $stateParams, ServiceName) { 
    ... 
     ServiceName.set($scope.openAddCardModal); 
    ... 
}