Question

我正在尝试学习Ionic Framework。

对于了解这个框架的人来说，这可能是一个非常简单的问题。但我无法做到这一点。

我需要做的只是点击按钮时显示警告。

我的index.html代码包含按钮：

<div class="bar bar-footer">
    <div class="title">
        <button class="button button-light" ng-click="showAlert()">
        Origin
        </button>
    </div>
</div>

这是我的js代码：

angular.module('todo', ['ionic'])
.controller('TodoCtrl', function($scope) {
    {
        // Use our scope for the scope of the modal to keep it simple
        scope: $scope
    }
});

$scope.showAlert = function() {
    alert("show");
};

我在按钮点击时收到此错误：

Uncaught ReferenceError: $scope is not defined app.js:9
(anonymous function)

知道我做错了吗？

Answer 1

请更改您的代码

angular.module('todo', ['ionic'])
.controller('TodoCtrl', function($scope) {
    {
        // Use our scope for the scope of the modal to keep it simple
        scope: $scope
    }
});

$scope.showAlert = function() {
    alert("show");
};

到

angular.module('todo', ['ionic'])
.controller('TodoCtrl', function($scope) {
    {
        // Use our scope for the scope of the modal to keep it simple
            $scope.showAlert = function() {
                  alert("show");
             };
    }
});

在Ionic框架中单击按钮时出错

1 个答案: