离子弹出按钮不可见

Question

我正在尝试使用Ionic框架来构建一个小应用程序，但警报弹出窗口上没有按钮。由于某种原因，它不可见。

这就是它的样子 -

我的控制器 -

angular.module('starter.controllers', [])

.controller('DashCtrl', function($scope,$ionicPopup) {
$scope.users = {};
$scope.show = function() {
var popup = $ionicPopup.show({
 title: 'Don\'t eat that!',
 template: 'It might taste good'
});
};

})

请说明原因可能是什么？

感谢。

Answer 1

我必须将show更改为alert才有效。

$ionicPopup.show

到

$ionicPopup.alert

Answer 2

您可以在配置对象

中为其添加按钮

buttons: [
  { text: 'Cancel' }
]

可以查看Here

Answer 3

将您的代码更改为

// An alert dialog
$scope.showAlert = function() {
   var alertPopup = $ionicPopup.alert({
     title: 'Don\'t eat that!',
     template: 'It might taste good'
   });

   alertPopup.then(function(res) {
     console.log('Thank you for not eating my delicious ice cream cone');
   });
 };

您缺少使按钮可用的$ionicPopup.alert，而不是$ionicPopup.show。

Reference