如何將使用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文件鏈接到控制器？

回答

相關問題