javascript - Angular JS 教程 - 需要澄清

标签 javascript angularjs node.js

我正在使用以下教程开发我的第一个 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/

相关文章:

node.js - Node LTS 8.9.0 上的 Node 检查器错误

javascript - 动态图片错误 - JavaScript

javascript - 根据选中的单选按钮的值动态添加或删除元素

javascript - 在javascript中使用变量动态引用html元素

javascript - JS中获取JSESSIONID cookie值

javascript - 获取 AngularJs 中 window.alert 中 Angular JS 表达式的值

javascript - 查找方法(不是 queryBuilder)的嵌套 AND 和 OR 条件

javascript - 对象数组,用于累积另一个属性相同的所有对象属性

javascript - 创建工厂服务时, return $http.post 在 Angular 中到底意味着什么?

node.js - 如何通过覆盖现有符号链接(symbolic link)来强制创建符号链接(symbolic link)?