Generate breadcrumbs from AngularUI router states
JavaScript Vim script CSS
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.