Question

我试图理解离子框架如何工作以及如何使用控制器的概念。更具体地说，我正在尝试添加一个按钮，该按钮将使用文档中的一些代码向滑动条示例显示警报/弹出窗口。很不幸的是，不行成功。我不确定如何调试应用程序，因为离子服务器与模拟器不一致。那里有一个很好的教程（不是官方页面）吗？挖掘它的最佳方法是什么？我为了自己的口味而动作缓慢。顺便说一句，我熟悉ios编码，我有点想念舒适的ios环境......

这是我为按钮提醒点击的代码：在其中一个html文件中

<button ng-click="showPopup()" class="button icon ion-edit"></button>

在controllers.js

中

.controller('PlaylistsCtrl',function($scope, $ionicPopup, $timeout) {

// Triggered on a button click, or some other target
$scope.showPopup = function() {
  $scope.data = {}

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

固定感谢您的投入。我会尝试解决它。我意识到这不是离子的，而是我必须阅读的棱镜，为此我现在找到了一本好书。谢谢

Answer 1

正如merlin所说，当调用showPopup时，showAlert（）不会运行。这是控制器应该是什么样子

angular.module('ionicApp', ['ionic'])

.controller('PlaylistsCtrl', function($scope, $ionicPopup, $timeout) {
  $scope.data = {}

  // Triggered on a button click, or some other target
  $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');
    });
  };
});

工作示例：

http://codepen.io/hannuraina/pen/qIbsE?editors=101

使用离子的第一步，在按钮点击/点击时获得弹出警报

1 个答案: