2016-04-22 52 views
1

我是AngularJS的新手。 如何使用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> 
+0

你可以动态显示或与'NG-if'或'隐藏你的痕迹纳克“显示”指令。您可能已经用于面包屑内容的'$ location'服务会告诉您您是否处于上下文根目录。 – Aaron

+0

@Aaron'app.controller( 'BreadcrumCtrl',函数($位置$范围){ \t的console.log($位置); \t $ scope.path = $ $$位置路径; \t }) ;'' \t \t \t \t \t \t → Home \t \t \t \t \t \t {{路径}} \t \t \t \t \t' 我正在使用上面的代码。但是当我的网址更改**“$ location。$$ path”时,** {{path}} **保持不变。它会改变当我重新加载页面 – angularjsBeginner

+0

@Aaron你可以请指导我如何改变动态名称在面包动态 – angularjsBeginner

回答