为啥角度组件不尊重样式 css？

Posted 2023-02-23

【中文标题】为啥角度组件不尊重样式 css？

【英文标题】：why angular components do not respect style css?为什么角度组件不尊重样式 css？

【发布时间】：2017-04-16 23:56:48

【问题描述】：

您好，我在 Free SB-admin 2 wrapbootstrap 工作，角度为 1.5x

我有这个：

导航.html

<ul class="nav navbar-top-links navbar-right">
    <alertas bindinone="navigation.bindinone._id"></alertas>
</ul>

alertas.html

<li uib-dropdown on-toggle="toggled(open)">
    <a href id="simple-dropdown" uib-dropdown-toggle>
        <i class="fa fa-bell fa-fw"></i>
        <span ng-show="alertas.valueOne  > 0" class="badge progress-bar-danger">
            alertasNavegacion.valueOne
        </span>
        <i class="fa fa-caret-down"></i>
    </a>
</li>

一切都很好，工作正常，但有些东西破坏了风格，我放了一张下一张图片与比较原始网络和我的观点

这里有分析控制台，检查元素：

感谢阅读！！请有什么想法！！！！！！！！！

【参考方案1】：

您好，我找到了解决方案：

必须编辑 CSS：

之前：

ul > li > a 
code...

之后：

ul > alertas > li > a 
code...

我不知道如何避免ng-isolate-scope in 破坏风格，但我很接近。 希望对您有所帮助。

感谢阅读