位置: 编程技术 - 正文
推荐整理分享基于angular-utils-ui-breadcrumbs使用心得(分享)(基于stm32的100个毕业设计),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:基于专业性的家校双向互动,需要家长的学校教育参与,基于中国国情的中国式现代化具有哪些特色,基于重大误解实施的民事法律行为,基于核心素养下的大单元教学设计,基于是什么意思,基于专业性的家校双向互动,需要家长的学校教育参与,基于网络创新形成的大数据的最突出特征是什么?( ),基于专业性的家校双向互动,需要家长的学校教育参与,内容如对您有帮助,希望把文章链接给更多的朋友!
angular-utils-ui-breadcrumbs是一个用来自动生成面包屑导航栏的一个插件,需要依赖angular、UIRouter和bootstrap3.css。生成的界面截图如下,点击相应的面包屑会跳转到相应的路由,点击相应的路由也会自动生成相应的面包屑:
安装:npm install angular-utils-ui-breadcrumbs
github: events事件封装到了stateEvent.js文件中,该文件在UIRouter包中,所以我们需要引入该文件,angularUtils.directives.uiBreadcrumbs模块已经依赖了ui.router模块,我们不需要在这里重复引入。
文件目录结构如下:
下面详细说明一下该插件的使用方法:
dispalyname-property:(必须的),该属性指向了你声明路由时候的state配置对象的某个属性,该属性的值就是在该路由下面包屑会展示的值,如果没有指定,将会展示state的name属性。
template-url: (可选)指定uiBreadcrumbs.tpl.html的路径,该文件是ui-breadcrumbs指令的模版,如果不指定,将默认使用以下目录,以下是源码的内容:
abstract-proxy-property: (可选),当使用abstract state的时候,我们是不能够transition到该状态的。因此我们就不能够展示该状态的面包屑,因为当点击一个abstract state将会导致一个异常,所以为了解决这种情况,我们可以让abstract-proxy-property指向一个state config属性,该属性的值是某个state.name,即某个路由,当需要显示abstract state的面包屑的时候,将会寻找该state.name来代替该abstract state,如以上例子,我们指定了home.info这个状态。
以上这篇基于angular-utils-ui-breadcrumbs使用心得(分享)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持积木网。
vue解决跨域路由冲突问题思路解析 vue简介Vue.js(读音/vju/,类似于view)是一套构建用户界面的渐进式框架。Vue只关注视图层,采用自底向上增量开发的设计。Vue的目标是通过尽可能简单的A
AngularJS中controller控制器继承的使用方法 前沿最近在angularjs项目当中,看到controller好多都是重复性的代码,在controller当中有好多代码很相似function(比如controller下的CRUD方法),重复性工作太
angular中ui calendar的一些使用心得(推荐) uicalendar是封装fullcalendar的一款angular指令插件官方地址:
标签: 基于stm32的100个毕业设计
本文链接地址:https://www.jiuchutong.com/biancheng/375855.html 转载请保留说明!友情链接: 武汉网站建设