Javascript 处理$ionicPopup提示符中的多个按钮

文件说：

显示一个简单的提示弹出窗口，其中有一个输入、OK按钮和Cancel 按钮如果用户 按OK，如果用户按Cancel，则按undefined

我在做：

$ionicPopup.prompt({ 
  //options 
}).then(function (userinput) {
  //get userinput and send to server
});

我需要添加第三个按钮，但无法获取输入的文本，如何解决该按钮的onTap事件承诺以获取输入

  $ionicPopup.prompt({
   title: '¿Are you sure?',
   inputType: 'text',
   buttons: [
   { text: 'Cancel' 
     //close popup and do nothing
   },
   {
    text: 'NO',
    type: 'button-assertive',
    onTap: function(e) {  
      //send to server response NO
    }
   },
   {
    text: 'YES',
    type: 'button-energized',
    onTap: function(e) { 
      //get user input and send to server
    }
   }]

---

查看我用您的代码制作的演示：

prompt（）

并不意味着添加两个以上的按钮，

show（）

用于生成复杂的弹出窗口，请参见同一文档中的

show（）

方法。如文件所述，我引用：

显示一个复杂的弹出窗口。这是主显示功能 用于所有弹出窗口

一个复杂的弹出窗口有一个按钮数组，每个按钮都有一个文本 和类型字段，以及onTap函数

您的代码如下所示：

$scope.showPop = function(){
    $scope.data = {};
    var myPopup = $ionicPopup.show({
    template: '<input type="text" ng-model="data.myData">',
    title: '¿Are you sure?',
    scope: $scope,
    buttons: [
   { text: 'Cancel' 
     //close popup and do nothing
   },
   {
    text: 'NO',
    type: 'button-assertive',
    onTap: function(e) {  
      return null;
    }
   },
   {
    text: 'YES',
    type: 'button-energized',
    onTap: function(e) { 
      return $scope.data.myData;
    }
   }]
  });
  myPopup.then(function(userinput) {
    if(userinput){
      console.log('returned data'+ userinput)
    }
  });
}

$scope.showPop=function（）{
$scope.data={}；
var myPopup=$ionicPopup.show({
模板：“”，
标题：'你确定吗？'，
范围：$scope，
按钮：[
{文本：'取消'
//关闭弹出窗口，什么也不做
},
{
文本：“否”，
键入：“按钮断言”，
onTap：函数（e）{
返回null；
}
},
{
文本：'是'，
类型：'按钮通电'，
onTap：函数（e）{
返回$scope.data.myData；
}
}]
});
myPopup.then（函数（用户输入）{
如果（用户输入）{
console.log（'返回的数据'+userinput）
}
});
}

---

上述代码的简单之处在于，您已将输入绑定到

$scope

（

）以便您可以以任何方式访问它。

如果我的答案有帮助，请告诉我。谢谢它帮助了我