离子秀警报不起作用

时间:2015-05-11 07:29:03

标签: angularjs ionic-framework

我正在尝试实现基本的离子弹出窗口。我点了这个链接http://ionicframework.com/docs/api/service/$ionicPopup/

当我尝试实现时,我收到以下错误。

  

无法读取未定义的属性'alert'

这是我的代码。

应用模块

angular.module('starter', ['ionic', 'starter.controllers', 'starter.services','ngFileUpload'])

控制器

.controller('MyCtrl', ['$scope', 'fileUpload', '$http', function($scope, fileUpload, $http, $ionicPopup, $timeout){
    $scope.showPopup = function() {
        var alertPopup = $ionicPopup.alert({
          title: 'Dont eat that!',
          template: 'It might taste good'
        });
        alertPopup.then(function(res) {
          console.log('Thank you for not eating my delicious ice cream cone');
        });
      };

}]);

在我的控制器中,我有一些其他功能,如文件上传和发布到服务器等,我删除了该块并仅提交了与弹出窗口相关的代码。

感谢所有人。

1 个答案:

答案 0 :(得分:4)

您缺少注入定义'$ionicPopup', '$timeout'

.controller('MyCtrl', ['$scope', 'fileUpload', '$http', function($scope, fileUpload, $http, $ionicPopup, $timeout){

应该是

.controller('MyCtrl', ['$scope', 'fileUpload', '$http', '$ionicPopup', '$timeout', function($scope, fileUpload, $http, $ionicPopup, $timeout){

希望这会有所帮助。