javascript 將角度前端與現有網站/項目集成

Question

我已經使用引導程序構建了一個網站，但我想將該網站集成到 angular 中以使其成為一個單頁應用程序，以便在單擊鏈接時，只有需要的部分才會從服務器加載為其他部分早就加載了。

提供更多關於我想做的事情的細節。 我在 express.js 項目中運行了所有內容。 但我想要 angular 來處理客戶端。

因此，當訪問網站時，內容（更像是模板）被加載到角度，當點擊鏈接時，該鏈接的內容可以從服務器上傳（這可能是表單、網頁等）這將然后在內容部分應該在網頁內的部分中通過 angular 呈現。 從而防止網站完全重新加載。 因此，基本上 angular 會以 json 形式獲取信息，然后將其呈現到網頁中，或者以 html 形式獲取，其中包含表單等。

我怎樣才能做到這一點？ 我已經通過谷歌搜索，但什么也沒有想出，例如將 angular 集成到現有網站等現有網站網頁上的 angular spa

[更新]

我嚴重受時間限制，所以這聽起來可能有點像 SOS，如果我似乎試圖做一些不合適的事情，也請原諒我。 1. 鏈接（更像是路由）是在 Node.js 中創建的。 將顯示的鏈接將由用戶提供的某些信息確定，這是在服務器端完成的。 2. 我還注意到似乎有重復的路由，即在 angular 和 node.js 中聲明的路由我已經讓 node.js 端運行良好，我現在想將它連接到 angular。 這可能聽起來很奇怪我將 node.js 當前公共文件夾中的文件移動到了 angular assets 的位置，我遇到了提供僅在 node.js 中的鏈接的問題任何幫助將不勝感激

Answer 1

這不是 Angular 或 SPA 的工作方式。 您應該從頭開始將站點重建為 Angular 網站。

話雖如此，您想要完成的事情在技術上是可行的，但這將是一個骯臟的解決方案。 但是，如果您真的想……如果您必須滿足緊迫的最后期限或其他事情……在我的腦海中，我看到了實現此目的的兩種選擇。

1. 在每個 Angular 頁面上使用iframe來查看每個相關的原始頁面。 根據原始頁面的功能，您可能會遇到一些安全問題。
2. 讓每個 Angular 頁面向其原始相關頁面發出 GET 請求，從而接收該頁面的 HTML，然后使用.innerHTML之類的內容來設置頁面內容。

再次，我*強烈*不鼓勵您嘗試其中任何一個……只需在 Angular 中重建它。 否則你會遇到安全問題，而且用戶在看到相關內容之前仍然需要等待往返服務器請求......然后不得不與來自父 Angular 的“子頁面”內容進行通信網站...只是沒有。

Answer 2

似乎我遲到了我遇到了與您遇到的相同問題的問題，但我能夠使用 angularjs 解決它，盡管這看起來是向后的。 我已經有一個我已經從模板構建的網站，所以我將 angularjs 集成到其中並修改了鏈接以在 angularjs 文件中包含通過 ui-router 的路由。 這使我能夠使用現有網站並將我的 angularjs 與它集成在一起，以根據單擊的鏈接/路由提取所需的模板