I tried to add a breadcrumb in my Angular-Project using primeng. I quickly encountered that weird "/" over my little arrows between each breadcrumb

-我在我的应用程序模块中添加了来自Primeng的面包屑模块和在中使用它的组件(也使用Primeng Themes+Flex) -我查看了不同的论坛帖子,但没有找到任何解决方案 -我也试着把它隐藏在我的css中,但要么是我的代码错误,要么是你不能真正隐藏它: -经过研究,我只发现这一部分是由"li.p-breadcrumb-chevron.pi-circle-fill.ng-star-inserted::before"生成的

HTML码:

<p-breadcrumb [model]="breadcrumbItems" [home]="home">
</p-breadcrumb>

.TS代码:

    this.home = { icon: 'pi pi-home', routerLink: "/"};

    this.breadcrumbItems = [
      { label: "System", routerLink: "component1"},
      {label: "user", routerLink: "component2"}
    ];

推荐答案

我认为BrowserAnimationModule可能是这个类被添加的罪魁祸首,无论如何你可以通过使用下面的css来摆脱它.

全局样式.css(修复全局样式)

li.p-breadcrumb-chevron .ng-star-inserted {
    display: none !important;
}

使用::ng-deep修复组件SCSS文件

::ng-deep li.p-breadcrumb-chevron .ng-star-inserted {
    display: none !important;
}

如果你觉得这没有帮助,请分享回下面的stackblitz与问题复制调试!

stackblitz - issue not reproducible

Angular相关问答推荐

带有两个注入服务的函数式解析器(Angular 15)

Angular KendoGrid RowReorderable,drop不适用于新添加的行

如何防止打印后的空格后的HTML元素的Angular ?

如何在Primeng中实现自定义排序

当包含react 性模板绑定时,NG-Bootstrap手风琴不会打开

NG-Zorro Datepicker 手动输入掩码不起作用

Angular Mat Select 显示键盘焦点和鼠标悬停焦点的问题

Angular 迁移 14 到 15 / 16:angular universal 是否停止将 <!-- this page was prerendered with angular universal --> 用于预渲染页面?

IonicStorageModule似乎不是 NgModule 类

RxJs 中的空闲可观察对象在幕后做了什么?

将 autoSpy 与 ng-mocks 一起使用时,如何重置 jasmine 间谍调用?

Nz 树 Select .如何在子 node 中显示父 node 名称?

Renderer2.appendChild 没有按预期工作?

Angular:try 在点击次数后禁用按钮

如何以Angular 2 获取当前路由自定义数据?

Angular 2+ 一次性绑定

将查询参数附加到 URL

什么是 Angular 4,我可以从哪里了解更多信息?

在 Angular 4 中播放声音

Angular 9 引入了需要加载的全局$localize()函数