如何将数据传递到SVG图像文件中

时间:2019-05-08 08:47:07

标签: angular svg ionic4

我正在清理代码,应用程序中的所有图标都是原始的svg图像,也就是说,它们未从<img src="path/here">"引用,现在我遇到了一个通知并显示来自Angular变量的通知数量。

当将svg文件原始输入到Angular组件中时,可以正确读取该变量,因为可以正确假定notification.svg文件中使用相同的代码时,单词会按字面显示

svg文件中值得显示的部分是:

<text id="3-copy" font-family="Roboto-Black, Roboto" font-size="13" font-weight="700" fill="#FFFFFF">
  <tspan x="6.73583984" y="15">{{notificationCount}}</tspan>
</text>

我知道您通常可以通过引用传递,也可以通过道具传递。但是,我认为为此创建一个组件是多余的,并且是一种更简单的方法,而在应用程序中没有超过20行的svg代码。

我的问题是这个

是否可以将值5传递到要动态呈现的svg文件 WITHOUT ,而svg代码为应用程序本身的 IN

0 个答案:

没有答案