基本ng单击示例不起作用

时间:2017-12-18 04:21:15

标签: angularjs

这是一个非常基本的ng-click示例。我似乎无法让它发挥作用。不确定是什么问题。我发誓之前我曾经使用过Angular!这是一个jsbin:

JS Bin

<!DOCTYPE html>
<html ng-app>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <h1>{{1 + 2}}</h1>
  <button ng-click="alert('hello world')">Click me!</button>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js"></script>

</body>
</html>

模块:

angular.module('app', []);

1 个答案:

答案 0 :(得分:2)

在执行angularjs时,你应该添加控制器对你有所帮助。在你的情况下,我创建了一个函数并传递了一个字符串值来通过警报显示一条消息。

&#13;
&#13;
var app=angular.module('app', []);
app.controller('testCtrl',function($scope){
    $scope.showalert=function(str){
        alert(str);
    }
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-strict-di ng-controller="testCtrl">
<h1>{{1 + 2}}</h1>
<button ng-click="showalert('hai this is angularjs click event')"> click Me!..</button>
</div>
&#13;
&#13;
&#13;