未捕获的ReferenceError：未定义angular-AngularJS无法正常工作
我正在尝试学习角度语言，并且我为单击简单按钮而苦苦挣扎。
我遵循了一个示例，该示例具有与以下示例相同的代码。
我正在寻找的结果是单击按钮会引起警报。但是，对按钮单击没有响应。有人有什么想法吗？
<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尚不存在。这是一个错误（请参见开发工具控制台）。
在这一行：
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，但是我相信此练习的目的只是练习编写简单的指令，因此这很有意义。
-
问题内容： 我在简单的jsp上遇到此错误：未捕获的ReferenceError：未定义$ 我只是试着在eclipse上的其他项目上调用服务，但似乎不起作用。 代码在这里： 更新： 尝试使用Google CDN的jQuery，但仍然无法正常工作 未捕获的ReferenceError：$未定义sendobject @ index.jsp：15onclick @ index.jsp：28 因为该问题的所
-
问题内容： 我正在尝试将Admin Widget与两个DateField一起使用在我的配方中，但是只有第一个可以正确显示Widget，而另一个则出现错误： DateTimeShortcuts.js：205未捕获的ReferenceError：未定义django （指示的行是： ） 这是我的模板头： 我的模型领域： 和我的形式课： 我想这是某种渲染规则，但我完全感到困惑。欢迎任何帮助！ 问题答案：
-
问题内容： 我正在尝试在React JS中使用DRY。我正在尝试在不同文件中使用相同的HTML部分 部分： 我在另一个文件中请求它： 但是我遇到一个错误： 该脚本包含在html页面中，例如： 我正在使用webpack 问题答案： 如果您未使用任何webpack等模块捆绑程序，则应将组件分配给某些javascript全局对象，因为.jsx中的对象未置于全局范围内 所以这是解决方案（这里使用了 窗口
-
问题内容： 我有以下Angular函数： 但是无论何时调用此函数，我都会进入 控制台。有人可以帮助我了解我在做什么错吗？ 问题答案： 可能您尚未向控制器注入服务。有几种方法可以做到这一点。 请阅读有关DI的参考。然后，它变得非常简单：
-
我创建了一个简单的webapp，在Rails3.2.17应用程序中集成了bootstrap 3，遵循stackoverflow上的这一过程，因此不使用gem，而是手动复制相关应用程序目录中的bootstrap文件。 即使我有，在我的gem文件中: 我仍然可以看到，用chrome检查我的网页，错误：
-
问题内容： 我正在尝试为网站添加 自定义表情的用户脚本 。但是，我遇到了很多错误。 这是函数： 该标签的调用该函数： 每次单击具有属性的按钮时，都会出现此错误： 未捕获ReferenceError：函数未定义。 任何帮助，将不胜感激。 谢谢！ 我尝试使用： 但是我有一个错误。 这是脚本。 我试图这样做来测试听众是否正常工作，但他们不适合我： 问题答案： 切勿使用或用户脚本中的类似属性！在常规网页中