如何在角度组件中实现面包屑

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是最好的解决方案。它已经以最好的方式实施。