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

Question

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

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

在我看到的视频中，index.html文件包含以下内容:(修改为我自己的文件名）

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

但是当我尝试使用它时，我只是在chrome中遇到错误，说找不到文件，即使这应该是正确的路径。我正在做的甚至是远程纠正还是有更简单的方法？

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

目录结构：

Answer 1

我相信您的问题与您的路径名称有关。试试controller/SearchBoxController.js或./controller/SearchBoxController.js

Answer 2

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