gpt4 book ai didi

javascript - Uncaught ReferenceError : angular is not defined - AngularJS not working

转载 作者:IT王子 更新时间:2023-10-29 03:02:31 24 4
gpt4 key购买 nike

我正在尝试学习 Angular,但我很难点击简单的按钮。
我遵循了一个示例,该示例与下面的代码具有相同的代码。

我正在寻找的结果是单击按钮会引起警报。但是,没有对按钮单击的响应。有人有什么想法吗?

<html lang="en" ng-app="myApp" >
<head>
<meta charset="utf-8">
<title>My AngularJS App</title>
<link rel="stylesheet" href="css/app.css"/>
</head>
<body>
<div >
<button my-directive>Click Me!</button>
</div>

<script>
var app = angular.module('myApp',[]);

app.directive('myDirective',function(){

return function(scope, element,attrs) {
element.bind('click',function() {alert('click')});
};

});
</script>

<h1>{{2+3}}</h1>

<!-- In production use:
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
-->
<script src="lib/angular/angular.js"></script>
<script src="lib/angular/angular-route.js"></script>
<script src="js/app.js"></script>
<script src="js/services.js"></script>
<script src="js/controllers.js"></script>
<script src="js/filters.js"></script>
<script src="js/directives.js"></script>
</body>
</html>

最佳答案

您需要将 Angular 应用程序代码移至 Angular 库的包含部分下方。在您的 Angular 代码运行时, angular 尚不存在。这是一个错误(请参阅您的开发工具控制台)。

在这一行中:

var app = angular.module(`

您正在尝试访问一个名为 angular 的变量。考虑导致该变量存在的原因。这是在必须首先包含的 angular.js 脚本中找到的。

  <h1>{{2+3}}</h1>

<!-- In production use:
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
-->
<script src="lib/angular/angular.js"></script>
<script src="lib/angular/angular-route.js"></script>
<script src="js/app.js"></script>
<script src="js/services.js"></script>
<script src="js/controllers.js"></script>
<script src="js/filters.js"></script>
<script src="js/directives.js"></script>

<script>
var app = angular.module('myApp',[]);

app.directive('myDirective',function(){

return function(scope, element,attrs) {
element.bind('click',function() {alert('click')});
};

});
</script>

为了完整起见,您的指令确实类似于已经存在的指令ng-click,但我相信这个练习的目的只是练习编写简单的指令,所以这是有道理的.

关于javascript - Uncaught ReferenceError : angular is not defined - AngularJS not working,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21440295/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com