我找到的所有关于在AngularCli组件中添加SVG的教程都建议将其插入HTML模板中,类似这样:
<div>
<svg viewBox="0 0 250 250">
<svg:g class="group">
<svg:polygon class="shield" points="125,30 125,30 125,30 31.9,63.2 46.1,186.3 125,230 125,230 125,230 203.9,186.3 218.1,63.2" />
<svg:path class="a" d="M125,52.1L66.8,182.6h0h21.7h0l11.7-29.2h49.4l11.7,29.2h0h21.7h0L125,52.1L125,52.1L125,52.1L125,52.1
L125,52.1z M142,135.4H108l17-40.9L142,135.4z"/>
</svg:g>
</svg>
</div>
但我希望保持模板的清晰,只在其中插入少量标签,并使用指向分离的svg文件的url,类似于这样:
<svg class="star">
<use xlink:href="../../../assets/images/svg/star.svg"
x="0"
y="0" />
</svg>
如何在组件中使用分离的SVG文件?
An unhandled exception occurred: The projects/my-lib/src/assets asset path must start with the project source root
。但是,如果我从src
开始,它不可能知道我是指库还是应用程序。以与应用程序的资产文件夹相同的方式从projects
开始引用可以正常工作。 - Guilherme Taffarel Bergamin