当前位置: 代码迷 >> JavaScript >> angular js教程-需要澄清
  详细解决方案

angular js教程-需要澄清

热度:101   发布时间:2023-06-05 11:45:24.0

我正在使用以下教程来开发我的第一个MEAN应用程序: :

今天实际上是使用Angular.js的第一天。 我在遵循一些代码示例时遇到了一些困难,希望这里的人可以填补空白。

具体来说,在该页面上,标题下有一个示例:“ AngularJS Routes(ngRoutes)”。

问题在CodePen示例中,我不确定如何组织测试框中的文件来运行演示。 他的HTML和JS分开了。

在HTML代码中,我看到它引用了“ todo.html”。 那是我当前放置在Codepen窗口中“ JS”选项卡下的内容的地方吗?

一些澄清将不胜感激。 我还在审查有角度网站上的快速入门指南,以了解它是否更容易理解。

谢谢。

他的确将JS代码和html代码分成了不同的文件。 实际上,您需要在html中包括对js文件的引用,通常在文档<head></head>如下所示:

<script src="yourJSFile.js"></script>

其中“ yourJSFile”是您的javascript文件的名称。 但是,在codepen中,不必明确引用它,因为它是一个原型制作应用程序,其中包括JS选项卡中列出的js。

我认为您所希望的是以这种方式设置您的项目:

  • projectFolder / todo.html <-包含您的html代码
  • projectFolder / todo.js <-包含所有客户端js代码

其中“ projectFolder”是项目所在的目录。