Angularjsでパンくずを表示する方法

AngularJSの新機能です。 Angularjsでブレッドクラムを動的に表示するにはどうすればよいですか？Angularjsでパンくずを表示する方法

私のURLは次のとおりです。http://localhost/letsTravel/#/our-offer、ので、私のブレッドクラムは、'私たちのオファーが' を示すべきです。

URLが：http://localhost/letsTravel/#/の場合は、のブレッドクラムを非表示にする必要があります。パンくずリストのための

HTMLは、内部のヘッダータグである：ここで

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

出典

2016-04-22 angularjsBeginner

を使用する素晴らしい記事です-show'ディレクティブです。あなたがすでにブレッドクラムのコンテンツに使用している '$ location'サービスは、あなたがコンテキストルートにいるかどうかを教えてくれます。 'app.controller（ 'BreadcrumCtrl'、関数（$場所、$スコープ）{; \t $ scope.path = $場所$$経路; \t \tはconsole.log（$位置）}）@Aaron – Aaron

; '' \t \t \t \t \t \t Home → \t \t \t \t \t \t {{パス}} \t \t \t \t \t 私は上記のコードを使用しています。私のURLが** "$ location。$$ path" **を変更すると、** {{path}} **は変わりません。それは私がページをリロードするときに変わります – angularjsBeginner

@Aaronあなたはブレッドクラムで名前を動的に変更する方法を私に教えてください – angularjsBeginner

はあなたが動的に `NG-if`または` ngのあなたのブレッドクラムを表示または非表示にすることができますどのようにパンくずリストにhttp://www.michaelbromley.co.uk/blog/100/auto-breadcrumbs-with-angular-ui-router

出典

2016-04-22 07:22:25

Angularjsでパンくずを表示する方法

答えて

関連する問題