如何使用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文件與控制器位於同一文件夾中嗎？ 如果不是，則需要將相對路徑設置為正確。