没有网络服务器的AngularJS应用程序

我是AngularJS中的一个newby，我有一个问题：因为Angular是客户端框架，它必须在没有任何web服务器的情况下工作，但是此代码不起作用：没有网络服务器的AngularJS应用程序

<!doctype html> 
<html ng-app="learningApp"> 
    <body> 
    I can add: {{ 1+2 }}. 
    <script src="angular.min.js"></script> 
    </body> 
</html>

我只看到“我可以添加：{{1 + 2}}”。在浏览器窗口中。有什么麻烦？谢谢。

来源

2014-11-01 malcoauri

问题是，您正在使用“learningApp”，但您没有包含任何具有learningApp的JavaScript。如果你在Firefox打开网页，然后检查萤火你会得到以下错误，抱怨没有找到“learningApp”：

Error: [$injector:modulerr] http://errors.angularjs.org/1.2.26/$injector/modulerr?p0=learningApp&p1=%5B%24injector%3Anomod%5D%20http%3A%2F%2Ferrors.angularjs.org%2F1.2.26%2F%24injector%2Fnomod%3Fp0%3DlearningApp%0AC%2F%3C%40file%3A%2F%2F%2Fhome%2Fansumanb%2FDesktop%2Flogin_with_angular%2Fexisting%2Flib%2Fangular%2Fangular.min.js%3A6%3A443%0AZc%2Fb.module%3C%2F%3C%2Fb%5Be%5D%3C%40file%3A%2F%2F%2Fhome%2Fansumanb%2FDesktop%2Flogin_with_angular%2Fexisting%2Flib%2Fangular%2Fangular.min.js%3A21%3A1%0AZc%2Fb.module%3C%2F%3C%40file%3A%2F%2F%2Fhome%2Fansumanb%2FDesktop%2Flogin_with_angular%2Fexisting%2Flib%2Fangular%2Fangular.min.js%3A20%3A376%0Ae%2F%3C%40file%3A%2F%2F%2Fhome%2Fansumanb%2FDesktop%2Flogin_with_angular%2Fexisting%2Flib%2Fangular%2Fangular.min.js%3A33%3A265%0Ar%40file%3A%2F%2F%2Fhome%2Fansumanb%2FDesktop%2Flogin_with_angular%2Fexisting%2Flib%2Fangular%2Fangular.min.js%3A7%3A288%0Ae%40file%3A%2F%2F%2Fhome%2Fansumanb%2FDesktop%2Flogin_with_angular%2Fexisting%2Flib%2Fangular%2Fangular.min.js%3A33%3A207%0Agc%40file%3A%2F%2F%2Fhome%2Fansumanb%2FDesktop%2Flogin_with_angular%2Fexisting%2Flib%2Fangular%2Fangular.min.js%3A36%3A307%0Afc%2Fc%40file%3A%2F%2F%2Fhome%2Fansumanb%2FDesktop%2Flogin_with_angular%2Fexisting%2Flib%2Fangular%2Fangular.min.js%3A18%3A168%0Afc%40file%3A%2F%2F%2Fhome%2Fansumanb%2FDesktop%2Flogin_with_angular%2Fexisting%2Flib%2Fangular%2Fangular.min.js%3A18%3A380%0AXc%40file%3A%2F%2F%2Fhome%2Fansumanb%2FDesktop%2Flogin_with_angular%2Fexisting%2Flib%2Fangular%2Fangular.min.js%3A17%3A422%0A%40file%3A%2F%2F%2Fhome%2Fansumanb%2FDesktop%2Flogin_with_angular%2Fexisting%2Flib%2Fangular%2Fangular.min.js%3A215%3A30%0Aa%40file%3A%2F%2F%2Fhome%2Fansumanb%2FDesktop%2Flogin_with_angular%2Fexisting%2Flib%2Fangular%2Fangular.min.js%3A145%3A67%0Aoe%2Fc%2F%3C%40file%3A%2F%2F%2Fhome%2Fansumanb%2FDesktop%2Flogin_with_angular%2Fexisting%2Flib%2Fangular%2Fangular.min.js%3A31%3A223%0Ar%40file%3A%2F%2F%2Fhome%2Fansumanb%2FDesktop%2Flogin_with_angular%2Fexisting%2Flib%2Fangular%2Fangular.min.js%3A7%3A288%0Aoe%2Fc%40file%3A%2F%2F%2Fhome%2Fansumanb%2FDesktop%2Flogin_with_angular%2Fexisting%2Flib%2Fangular%2Fangular.min.js%3A31%3A207%0A 


...N.stringify(arguments[c]):arguments[c]);return Error(a)}}function Pa(b){if(null=...

只是删除learningApp，因为你不包括一个，它会工作。（DEMO）

<!doctype html> 
<html ng-app> 
    <body> 
    I can add: {{ 1+2 }}. 
    <script src="angular.min.js"></script> 
    </body> 
</html>

否则，您可以创建一个app.js并包含js。（DEMO）

<!doctype html> 
<html ng-app="learningApp"> 
    <body> 
    I can add: {{ 1+2 }}. 
    <script src="angular.min.js"></script> 
    <script src="app.js"></script> 
    </body> 
</html>

都有如下app.js

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

来源

2014-11-01 07:25:00

伟大的答案！谢谢！ – malcoauri 2014-11-01 07:34:50

没有网络服务器的AngularJS应用程序

回答

相关问题