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

我正在尝试使用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的路径,我仍然无法使其工作.

目录结构:

《javascript – 如何使用Angular.js将HTML文件与控制器链接?》

最佳答案 您在脚本标记中指定的src是指转到index.html的父文件夹,并在其中查找文件夹控制器.您的index.html文件与控制器位于同一文件夹中吗?如果不是,则需要将相对路径设置为正确.

点赞