我正在使用以下教程开发我的第一个 MEAN 应用程序: http://adrianmejia.com/blog/2014/09/28/angularjs-tutorial-for-beginners-with-nodejs-expressjs-and-mongodb/
今天对我来说确实是使用 Angular.js 的第一天。我在理解一些代码示例时遇到了一些困难,我希望这里有人可以填补空白。
具体来说,在该页面上,标题下有一个示例: “AngularJS 路由 (ngRoutes)”。
问题 在 CodePen 示例中,我不确定如何组织测试盒上的文件来运行演示。他将 HTML 与 JS 分开。
在 HTML 代码中,我看到它引用了“todo.html”。这是我将当前位于 codepen 窗口中“JS”选项卡下的内容放置在哪里吗?
如有一些澄清,我们将不胜感激。我还在查看 Angular 网站上的快速入门指南,看看它是否更容易遵循。
谢谢。
最佳答案
他确实将JS代码和html代码分离到了不同的文件中。实际上,您需要在 html 中包含对 js 文件的引用,通常位于文档 <head></head>
中。像这样:
<script src="yourJSFile.js"></script>
其中“yourJSFile”是您的 javascript 文件的名称。 然而,在 codepen 中,不必显式引用它,因为它是一个用于原型(prototype)设计的应用程序,其中包含 JS 选项卡中列出的 js。
我认为您想要的是以这种方式设置您的项目:
- projectFolder/todo.html <- 包含您的 html 代码
- projectFolder/todo.js <- 包含所有客户端 js 代码
其中“projectFolder”是您的项目所在的目录。
关于javascript - Angular JS 教程 - 需要澄清,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31728192/