Angular document.ready（）问题

Angular document.ready（）问题

您需要将您的角度应用程序代码移到角度库中。在您的角度代码运行时，

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

，但是我相信此练习的目的只是练习编写简单的指令，因此这很有意义。