基于angular-utils-ui-breadcrumbs使用心得(分享)

前端之家收集整理的这篇文章主要介绍了基于angular-utils-ui-breadcrumbs使用心得(分享)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

angular-utils-ui-breadcrumbs是一个用来自动生成面包屑导航栏的一个插件,需要依赖angular、UIRouter和bootstrap3.css。生成的界面截图如下,点击相应的面包屑会跳转到相应的路由,点击相应的路由也会自动生成相应的面包屑:

安装:npm install angular-utils-ui-breadcrumbs

github:https://github.com/michaelbromley/angularUtils/tree/master/src/directives/uiBreadcrumbs

模块依赖:

这里使用了ui.router.state.events模块,因为该uiBreadcrumbs依赖于$stateChangeSuccess事件,而uiRouter在1.x版本之后推荐使用Transition钩子,为了兼容原来的版本,将不被推荐的state events事件封装到了stateEvent.js文件中,该文件在UIRouter包中,所以我们需要引入该文件,angularUtils.directives.uiBreadcrumbs模块已经依赖了ui.router模块,我们不需要在这里重复引入。

文件目录结构如下:

<Meta charset="UTF-8"> angular-utils-ui-breadcrumbs nofollow" rel="stylesheet">

猜你在找的JavaScript相关文章