Angular 6动态添加CSS类不生效问题求助

这问题我之前处理过，核心原因是通过<object>加载的SVG是一个独立的文档上下文，Angular打包的全局样式（比如styles.js里的内容）无法自动渗透到这个独立文档中——哪怕你给SVG元素加上了类名，外部样式也找不到它。而你用开发者工具手动加类生效，是因为DevTools是直接在SVG文档的内部上下文中操作的，能匹配到SVG里的样式（或者你临时在DevTools里加的样式）。

下面给你两个最优解决方案，按需选择：

方案1：把样式内嵌到SVG源文件中 #

这是最直接的方式，因为SVG本身支持内嵌