如何在角度 2 中隐藏或删除 SVG 元素的标题属性答案

【问题标题】：How to hide or Remove title attribute of SVG element in angular 2如何在角度 2 中隐藏或删除 SVG 元素的标题属性
【发布时间】：2019-05-21 15:09:48
【问题描述】：

我在我的 Angular 2 应用程序中包含了 svg 图标。在悬停图标时，它会显示“图标”标题。我已经使用 Angular SVG Icon 用于内联 Svg 来应用 css 样式。我想从所有 SVG 图标中删除这些标题。

<svg-icon src="images/svg/icons_date.svg" class='svg- 
icons'></svg-icon>

<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" 
viewBox="0 0 20 20"><title>icons</title><path ="M10,0A10,10,0,1,0,20,10,10,10,0,0,0,10,0Zm0,1a9,9,0,0,1,7.16,14.56v-.06a3.39,3.39,0,0,0-3.39-3.39H6.23a3.39,3.39,0,0,0-3.39,3.39v.06A9,9,0,0,1,10,1ZM3.8,16.57V15.46A2.44,2.44,0,0,1,6.23,13h7.54a2.44,2.44,0,0,1,2.44,2.44v1.11a9,9,0,0,1-12.41,0Zm6.31-5.1A4.23,4.23,0,1,0,5.87,7.24,4.24,4.24,0,0,0,10.11,11.47Zm0-7.51A3.28,3.28,0,1,1,6.83,7.24,3.28,3.28,0,0,1,10.11,4Z"></path></svg>

有没有可以删除的选项。

【问题讨论】：

你好，你能提供一个简单的代码吗？
为什么不手动删除标题？或者您可以获取所有 svg 并删除 childElement

标签： angular svg

【解决方案1】：

将以下代码添加到您的 svg 文件中。

<style>
   svg { pointer-events: none; }
</style>

【讨论】：

这是项禁用指针事件，我想在点击图标时触发一个事件
你会在一些容器标签中添加这个 svg。因此将启用指针事件。