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

时间:2015-05-15 04:03:56

标签: ionic-framework ionic ionicpopup

我知道理想情况下使用Actionsheet会在这里解决我的问题,但我想知道是否可以将ionicPopup中的按钮连接到通过ng-click指令调用它的控制器。 我原本以为ng-click指令会引入控制器的$ scope,但似乎并非如此。那么这是否意味着我们无法将按钮连接到ionicPopup中的控制器?

2 个答案:

答案 0 :(得分:0)

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

当用户点击确认对话框中的2个按钮之一时,您可以阅读结果并执行其他操作。

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

答案 1 :(得分:0)

我无法理解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
      }
    }, ]
  })
}