javascript - 如何使用 Angularjs 显示面包屑

标签 javascript angularjs angular-ui-router

我是 AngularJS 新手。 如何使用 Angularjs 动态显示面包屑?

我的网址是:http://localhost/letsTravel/#/our-offer, 所以我的面包屑应该显示“我们的报价”。

如果网址是:http://localhost/letsTravel/#/, 面包屑应该被隐藏。

面包屑的 Html 位于 header 标记内:

<header>
      <div>
         <nav class="breadcrumbs" ng-controller="breadcrumController" >  
            <a href="#/" >Home</a> &rarr;
            <span>Our offer</span>
         </nav>
       </div>
 </header>

最佳答案

这是一篇关于如何使用面包屑的好文章 http://www.michaelbromley.co.uk/blog/100/auto-breadcrumbs-with-angular-ui-router

关于javascript - 如何使用 Angularjs 显示面包屑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36787042/

相关文章:

javascript - Angularjs 使用的 Rails API

javascript - 在 Angular.js 中绑定(bind)服务变量

angularjs - Angular - UI 路由器 - 嵌套状态 - 浏览器后退按钮无法按预期工作

angularjs - 使用 AngularJS 删除 DOM 元素

angularjs - Ionic/Angular JS - $scope 问题 : Cannot read property 'length' of undefined

java - 从 Java 为 Ionic 制作一个插件

javascript - 如何使用 fabric.js Canvas 切换/选择/删除自定义形状

JavaScript npm install Heroku,引用错误未定义

javascript - 删除最后一个项目元素JQuery

javascript - 无法从 ImageData 对象获取像素