如何在角度組件中實現麪包屑

Question

我試圖在使用組件的角度1.6中實現breadcrumb。 我有一個視圖（容器組件）中有大約10個組件，它們具有不同的鏈接，一個主要組件實際顯示數據（如word文檔），其餘都是推薦文檔的鏈接。

我的層次是首頁>搜索> ShowAllResults>視圖

，我想麪包屑狀首頁> {搜索的關鍵字}> {搜索產品分類}> {文檔名}。

我的問題是，我不能全球使用<bread-crumb></bread-crumb>因爲我的網站設計。我必須在每一頁上打電話給他。 那麼保留這個層次結構的最好方法是什麼，這樣我就可以得到一個整潔而漂亮的導航？

我的想法是使用localstorage作爲存儲介質並在<bread-crumb></bread-crumb>中呈現數據。並使用$ destroy刪除最近的url /狀態

這個方法的問題是$destroy會先執行。從localstorage獲取數據並修改麪包屑，但在此之前，我將在localstorage中插入數據。或者我認爲是。所以這個混亂導致麪包屑打破了形成。我也不知道如何漢德瀏覽器回

Answer 1

經過一番調查和研究後，我發現https://www.npmjs.com/package/angular-breadcrumbs是最好的解決方案。它已經以最好的方式實施。