如何用Angularjs显示面包屑

时间:2016-04-22 06:59:26

标签: javascript angularjs angular-ui-router

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

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

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

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

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

1 个答案:

答案 0 :(得分:0)

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