Итак, давайте попробуем объяснить проблему.
Я использую angular (v8), у меня есть довольно сложный компонент, который состоит из 2 слоев SVG.
Каждый слой создается из внешнего файла SVG, загруженного во время выполнения (т. е. не компилируется).
Один из этого слоя может отображать около 200+ различных SVG-страниц (только по одной за раз).
Он загружается во время выполнения, потому что клиент хочет иметь возможность самостоятельно изменять данные и «дерево навигации» для данного сценария. Позволяя ему добавлять новые SVG-страницы в ресурсы, изменять некоторые элементы в файле json, обновлять sh страницы и видеть разницу без необходимости перестраивать приложение.
В то время я не смог найти способ «связать» переменные из загруженных SVG с контроллером компонента, поэтому я создал множество пользовательских атрибутов в моих SVG, управляемых из контроллера, чтобы помочь я манипулирую SVG, как я хочу.
Это было все равно, что переписать angular движок внутри angular ...
Это прекрасно работает и все, но я все еще задаюсь вопросом, мог ли я сделать это лучше » angular 'way.
Я уверен, что сделал это неоправданно сложным способом, но проблему нелегко выявить, и я не знаю разработчиков достаточно хороших с angular, чтобы помочь мне .
Итак, вот мой вопрос:
Есть ли способ использовать разные внешние ресурсы (svg), загруженные во время выполнения, для одного шаблона представления и сделать angular 'перепривязать' этот шаблон, чтобы я мог использовать {{variable}}, [directives] * ngIf et c ...
Если ответ отрицательный, как бы Вы пытаетесь справиться с этой ситуацией?
Спасибо за чтение.