Question

我是angularjs的新手，正在测试一个非常简单的按钮，但我无法让它工作。这是视图

<body ng-app="buttonTest">
 <div id="test" ng-controller="TestController">
  <button ng-click="greet()">greet</button>
 </div>
</body>

这是我的控制器

angular.module('buttonTest', [])
 .controller('TestController', ['$scope', TestController]);

 function TestController($scope) {
 $scope.greet = function() {
    alert('yo');
 };
}

我在plnkr http://plnkr.co/edit/WTjTnDEpSMi31UW4weI6?p=preview中测试了它似乎工作正常，但我在sublime文本中创建的代码根本不起作用。提前谢谢！

Answer 1

将HTML代码段包装在完整的HTML文档中：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="angular.js"></script> <!-- reference angularjs -->
    <script src="app.js"></script> <!-- reference your controller's code -->
</head>
<body>
    <div id="test" ng-controller="TestController">
        <button ng-click="greet()">greet</button>
    </div>
</body>
</html>

Answer 2

当我添加对angular JS angularjs / 1.3.14 / angular.min.js的引用时，我发现一切都开始正常工作。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>

请检查并确认它是否适合您。

angularjs按钮不显示提示

2 个答案: