角度2中的面包屑css问题

Posted

技术标签:

【中文标题】角度2中的面包屑css问题【英文标题】:Breadcrumbs css issue in angular 2 【发布时间】:2019-04-15 00:13:35 【问题描述】:

我在面包屑中遇到问题。我们有像

这样的菜单项的属性
expanded?: boolean;
disabled?: boolean;
visible?: boolean; 
badgeStyleClass?: string;
style?:any;
styleClass?:string;

但是在primeng 的attr 之上没有任何工作。如何设置样式的类

以上条件不起作用。任何人都可以帮助我。

【问题讨论】:

你能多解释一下你有什么问题吗? 这些属性不起作用:expanded:true,disabled:true,visible:true,badgeStyleClass:'ui-state-active',style:'ui-state-active',styleClass:'ui -state-active', 你在哪里设置它们? 你能检查一下这个吗:github.com/primefaces/primeng/blob/master/src/app/components/… 【参考方案1】:

你可能错过了添加字体真棒网址<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

我已经更新了代码。请检查,这是你需要的吗? https://stackblitz.com/edit/angular6-routing-bread-crumbs-mfr1ao?embed=1&file=src/index.html

【讨论】:

不使用..你能理解我的问题吗? 当时不明白你的问题 我已经检查过了并且已经实现了,但是我没有得到你的问题?您面临什么面包屑 CSS 问题? 你能应用这个条件吗:label:“Testing”,url:“test”,routerLink:'c1',expanded:true,disabled:true,visible:true,badgeStyleClass:'ui-state -active',样式:'ui-state-active',styleClass:'ui-state-active',标题:'ui-state-active',id:'ui-state-active',automationId:'ui-state -活跃的' 您似乎使用了错误的常量文件。 https://github.com/primefaces/primeng/blob/master/src/app/components/common/menuitem.ts 链接用于菜单编辑,BreadCrumb 不支持所有这些

以上是关于角度2中的面包屑css问题的主要内容,如果未能解决你的问题,请参考以下文章

css Rich Snippets和EM Themes面包屑问题

SEO之面包屑导航

CSS 简单的可扩展的基于CSS的面包屑

CSS3面包屑导航

css hubspot博客面包屑

CSS 面包屑导航