Angular 12不渲染svg组件
Angular 12不渲染svg组件
提问于 2021-06-29 23:19:29
我正在开发一个angular组件。它是一个与svg一起使用的头像创建器。我的问题是，当我在angular项目中运行我的组件时，它只画了一个圆，而不是其他组件，如鼻子，头发，脸等，但当我检查我的组件并复制它的svg元素并粘贴到svg查看器中时，它显示了它应该是如何的。
我的组件在本地
如您所见，我的组件有svg元素，但不会在浏览器中呈现。但是，当我在查看器中使用相同的svg元素时，它们会被呈现。
联机svg查看器中我的组件的svg元素
另外，这里是项目的repo
Angular项目版本
任何帮助我们都将不胜感激
回答 2
Stack Overflow用户
回答已采纳
发布于 2021-07-02 04:23:18
问题是，当我创建带有选择器标记的组件时，angular将自己的元素标记添加到svg模式中，这会破坏svg的模式，并且浏览器不会呈现它。因此，我使用属性选择器来实现这个问题。这个SO答案帮助我解决了这个问题。
Stack Overflow用户
发布于 2021-06-29 23:34:59
这可能是由于角度的变化检测。您是否在更改其他组件后尝试过https://angular.io/api/core/ChangeDetectorRef detectChanges？
ngOnInit(): void {
this.random();
this.cd.detectChanges()
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68181533
复制相关文章
相似问题
腾讯云开发者
