如何将$ionicPopup中的按钮连接到正在调用它的控制器

Question

我知道理想情况下使用Actionsheet将解决我的问题，但我想知道是否有可能将ionicPopup中的按钮连接到通过ng-click指令调用它的控制器。我最初认为ng-click指令将引入控制器的$作用域，但情况似乎并非如此。这是否意味着我们不能在ionicPopup中将按钮连接到控制器上?

Answer 1

$ionicPopup返回承诺。

假设你的视图有一个按钮，它调用(ng-click)控制器中的一个方法:

<button class="button button-primary" ng-click="showConfirm()">Confirm</button>

在你的控制器中你可以像这样调用你的弹出窗口:

$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');
     }
   });
 };

当用户点击确认对话框中的两个按钮之一时，你可以读取结果并做一些其他事情。

confirmPopup.then(function(res) {
     if(res) {
       console.log('You are sure');
     } else {
       console.log('You are not sure');
     }
   });

Answer 2

我不能100%理解你的问题，但我猜你需要一个按钮内的"$ ionicPopup"调用控制器的函数?如果是，我留下这个。

$ionicPopup.show({
    title: 'Información View',
    subTitle: '',
    content: 'Content'
    scope: $scope,
    buttons: [{
      text: 'Exit',
      onTap: function(e) {
        //Call function by pressing button exit
      }
    }, {
      text: 'Ok',
      type: 'button-positive',
      onTap: function(e) {
        //Call function by pressing button Ok
      }
    }, ]
  })
}