如何将使用Angular.js的HTML文件链接到控制器？

我正在尝试使用MEAN堆栈构建应用程序模块，并使用MVC。所以我有一个名为AppModules的文件夹，里面有一个名为search的文件夹，里面有3个文件夹，模型，视图和控制器。我在视图文件夹中写了一个HTML文件。此外，在控制器文件夹中，我有一个简单的功能，只是输出一些东西给控制台。现在我该如何将这两者连接在一起？如何将使用Angular.js的HTML文件链接到控制器？

我观看了一个MEAN堆栈教程，视频中的人员正在将HTML文件写入项目的index.html文件中，这是服务器自动打开的内容。我正在和其他人一起开展这个项目，所以为了避免冲突，我们现在都没有人在写index.html文件。我们将任务分配到模块，每个人都有自己的模块。那么，如何让我编写的HTML文件成为打开的文件，而无需将所有代码复制到index.html，以及如何将它链接到控制器文件夹中的控制器？

在我看到了视频，index.html文件包含的是这样的：（修改，以我自己的文件名）

<script src = "../AppModules/search/controllers/SearchBoxController.js"></script>

但是当我尝试使用，我会在镀铬的错误说该文件未找到，即使这应该是正确的路径。我所做的甚至是远程正确的，还是有一个更简单的方法？

编辑：我不小心粘贴了我测试时使用的HTML标签。用我应该写在开头的HTML标签编辑帖子。仍然不起作用。即使当我将我的代码复制到index.html并更改src的路径时，我仍然无法使其工作。

目录结构：

来源

2016-04-22 ninesalt

我相信你的问题是你的路径名。尝试controller/SearchBoxController.js或./controller/SearchBoxController.js

来源

2016-04-22 23:06:36 xagos

但是控制器不在同一个目录下，我必须去一个文件夹才能达到它。 – ninesalt

'index.html'应该位于根目录下。一切应该驻留在这个文件夹（嵌套的文件夹或不）。我不认为你可以访问'index.html'的上层文件夹。 –

@ Swailem95你能提供你的目录结构吗？ – xagos

您在脚本标记中指定的src是指转到index.html的父文件夹，并在那里查找文件夹控制器。您的index.html文件与控制器位于同一文件夹中吗？如果不是，则需要设置相对路径。

来源

2016-04-22 23:16:43 SolomonT

我写了这篇文章后写了错误的HTML标签，我编辑了我的文章一开始我应该写，这也行不通。 – ninesalt

从现在起您上传了您的文件结构。 src路径应该是../../AppModules/search/controllers/searchBoxController.js – SolomonT

这仍然不起作用。即使我将我的整个代码复制到index.html。 – ninesalt

如何将使用Angular.js的HTML文件链接到控制器？

回答

相关问题