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

Question

我正在尝试学习离子框架。

对于了解这个框架的人来说，这可能是一个非常简单的问题。但我无法完成这项工作。

我需要做的只是在按钮单击时显示警报。

我的 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");
             };
    }
});