Generate breadcrumbs from AngularUI router states
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dist
sample
src
.bowerrc
.editorconfig
.gitattributes
.gitignore
.jshintrc
.vimrc
Gruntfile.js
bower.json
package.json
readme.md

readme.md

tv-breadcrumbs

Generate breadcrumbs from AngularUI router states

Install

bower install tv-breadcrumbs

Usage

  1. Include the script:

    <script src="bower_components/tv-breadcrumbs/dist/tv-breadcrumbs.min.js"></script>
  2. Add tv.breadcrumbs as a module dependency:

    angular.module('App', ['tv.breadcrumbs']);
  3. Include the tv-breadcrumbs directive (as an element or attribute):

    <tv-breadcrumbs></tv-breadcrumbs>
  4. Optionally add a home attribute with the value of your home state name:

    <tv-breadcrumbs home="home"></tv-breadcrumbs>
  5. Optionally add a label property (used as a human-readable breadcrumb label) to a state's custom data object:

    .state('home', {
      data: {
        label: 'Home',
      }
    }

Alternatives

AngularUI Router-based:

Author

© 2014 Tom Vincent http://tlvince.com/contact

License

Released under the MIT License.