使用Angular.js时出错

时间:2015-07-28 10:36:11

标签: javascript angularjs

我一直在做一个Angular.js课程,现在我完成了它,我想尝试一下并做一些测试。

我使用基本的html文件开头:

<html ng-app="app.js">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script src="plugins/angular-min-1.4.3.js"></script>
  </head>
  <body>
  </body>
</html>

...指向简单的角度app.js主模块声明:

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

这里没什么奇怪的,不是吗?我尝试制定一些指令,但是没有任何效果。然后,我发现了这个错误,只要我有上面的代码就会出现。我想它并没有很好地添加插件,或者我没有很好地声明app变量。

  

12:32:44.547错误:[$ injector:modulerr]   http://errors.angularjs.org/1.4.3/ $注射器/ modulerr P0 = app.js&安培; P1 =%5B%24injector%3Anomod%5D%20http%3A%2F%2Ferrors.angularjs.org%2F1.4.3%2F%24injector%2Fnomod%3Fp0 %3Dapp.js%0AJ%2F%3C%40http%3A%2F%2Flocalhost%2FAngularPruebas%2Fplugins%2Fangular分钟-1.4.3.js%3A6%3A416%0Ade%2F%3C%2F%3C%2F%3C %40http%3A%2F%2Flocalhost%2FAngularPruebas%2Fplugins%2Fangular分钟-1.4.3.js%3A24 3A66%%%0AA%40http 3A%2F%2Flocalhost%2FAngularPruebas%2Fplugins%2Fangular分钟-1.4.3.js %3A23%3A109%0Ade%2F%3C%2F%3C%40http%3A%2F%2Flocalhost%2FAngularPruebas%2Fplugins%2Fangular分钟-1.4.3.js%3A23%3A1%0Ag%2F%3C%40http%3A %2F%2Flocalhost%2FAngularPruebas%2Fplugins%2Fangular分钟-1.4.3.js%3A37%3A381%上午12点%40http%3A%2F%2Flocalhost%2FAngularPruebas%2Fplugins%2Fangular分钟-1.4.3.js%3A7%3A320 %0Ag%40http%3A%2F%2Flocalhost%2FAngularPruebas%2Fplugins%2Fangular分钟-1.4.3.js%3A37%3A229%0Aeb%40http%3A%2F%2Flocalhost%2FAngularPruebas%2Fplugins%2Fangular分钟-1.4.3的.js%3A40%3A1%0AAc%2FD%40http%3A%2F%2Flocalhost%2FAngularPruebas%2Fplugins%2Fangular分钟-1.4.3.js%3A19%3A339% 0AAc%40http%3A%2F%2Flocalhost%2FAngularPruebas%2Fplugins%2Fangular分钟-1.4.3.js%3A20%3A151%0AZd%40http%3A%2F%2Flocalhost%2FAngularPruebas%2Fplugins%2Fangular分钟-1.4.3。 JS%3A18%3A464%0A%40http%3A%2F%2Flocalhost%2FAngularPruebas%2Fplugins%2Fangular分钟-1.4.3.js%3A289%3A428%0AA%40http%3A%2F%2Flocalhost%2FAngularPruebas%2Fplugins%2Fangular-最小1.4.3.js%3A176%3A73%0AGf%2FC%40http%3A%2F%2Flocalhost%2FAngularPruebas%2Fplugins%2Fangular分钟-1.4.3.js%3A35%3A212%0A1   角最小1.4.3.js:6:415

为什么会这样?

3 个答案:

答案 0 :(得分:3)

html中有错误。
您的应用应用,而不是 app.js

<html ng-app="app">
  <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script src="plugins/angular-min-1.4.3.js"></script>
  </head>
  <body></body>
</html>

答案 1 :(得分:1)

好吧,我真的很傻,没有添加app.js文件。现在我添加了它,ng-app =“app”正确找到它。

答案 2 :(得分:0)

在ng-app上,你必须说出应用程序的名称,在这种情况下它是“app”而不是文件。我建议你也不要在HTML标签上使用ng-app。