Ищем угловое решение для алгоритма angularJs с $ compile - PullRequest
Новая
       31

Ищем угловое решение для алгоритма angularJs с $ compile

0 голосов
/ 27 ноября 2018

У меня есть приложение angularJs, которое я перевожу на angular (используя ngUpgrade), и оно имеет своего рода архитектуру типа плагина, где в основное приложение могут быть добавлены дополнительные «сторонние» модули angularjs.

Одна из ключевых функций приложения выполняет своего рода операцию «dom decorator», которая в основном работает следующим образом:

На странице есть корневой компонент, который живет в основном приложении, давайте его назовем root 

  <root>
    some content
  </root>

Через конфигурацию кто-то добавит дополнительные модули angulajs, которые, скажем, содержат 2 неизвестные директивы компонента, называемые dec-a и dec-b

(Эти компоненты будут следовать строгому соглашению о включении)

Таким образом, корневой компонент обновит свой шаблон так, чтобы он выглядел следующим образом: 

<root>
  <dec-a>
    <dec-b>
      some content
    </dec-b>
  </dec-a>
</root>

Затем он обновит шаблон с помощью $ compile.

Таким образом, в основном требуется, чтобы мне нужно было обновить шаблон, чтобы динамически добавлять «неизвестные» компоненты (они будут известныgular, только не к корневому компоненту)

Мне удалось заставить что-то работать ... с помощью угловых элементов, путем преобразования компонентов плагина в веб-компоненты, но мне действительно не понравился этот подход, егонамного более многословно, и я не уверен в производительности, если у меня есть страница с 50 из этих корневых компонентов, и 5-10 украшенных директив на каждом.

TIA!/ Brian

...