Angular 8-有没有办法将外部svg加载为模板

时间:2020-02-07 10:17:45

标签: javascript angular templates svg

所以让我们尝试解释问题。

我使用的是角(v8),我有一个相当复杂的组件,它由2层SVG组成。

每个层都是从外部svg文件创建的,并在运行时加载(因此:未编译)。

该层中的一层可以显示大约200多个svg不同页面(一次只能显示一个)。

之所以在运行时加载它是因为客户希望能够针对给定场景自己更改数据和“导航树”。允许他在资产中添加新的SVG页面,更改json文件中的某些内容,刷新页面并查看差异,而无需重建应用程序。

当时,我找不到将变量从加载的SVG'绑定'到组件控制器的方法,因此我在SVG中创建了许多自定义属性,这些属性由控制器进行管理,以帮助我操纵像我想要的SVG。

这就像在angular里面重写了一个angular引擎...

它可以很好地工作,但我仍然想知道是否/如何以更好的“角度”方式做到这一点。

我确定我已经以不必要的复杂方式完成了此任务,但是问题并不容易暴露,而且我不知道开发人员是否具备足够的角度来帮助我。

所以,这是我的问题:

  • 是否有一种方法可以对单个视图模板使用在运行时加载的不同外部资产(svg),并使该模板有角度地“重新绑定”,因此我可以使用{{variables}},[directives] * ngIf等...

  • 如果答案是否定的,您将如何应对这种情况?

感谢阅读。

0 个答案:

没有答案