Динамически загружать все угловые приложения

Question

Итак, у меня есть любопытная ситуация, и я не думаю, что это сработает, но я решил, что спрошу, если это так, и кто-то знает, как это сделать. Я использую сторонний сайт для создания маркетинговых войн. Вы можете добавить свой собственный html и javascript, но он разбирает html в довольно неблагоприятной усадьбе. В основном вы указываете элемент на странице и добавляете его как атрибут данных и динамически загружаете его в DOM. Поскольку это происходит так, мое приложение не инициализируется, потому что оно не находится в DOM при загрузке страницы. Есть ли способ сделать эту работу? Я объясню немного более глубокую настройку.

добавить пользовательский HTML, такие как:

<div data-ng-app="AppName"><div data-ng-controller="ControllerName"><div>perform controller logic here</div></div> 

Как вы можете видеть, это должно быть в DOM для приложения, чтобы инициализировать и хорошо работать. Есть ли способ инициализировать приложение после загрузки страницы динамически? Я могу добавить свои собственные JS-файлы в настраиваемое html-поле, но это касается того, насколько я могу настроить настройки. Любая помощь приветствуется!

Answer 1

Возможно, вы должны выполнить функцию автозагрузки углов вручную в своем скрипте после того, как загрузится требуемый dom.

var app = angular.module('appName', []); 
app.controller([...]); 
angular.bootstrap(document.getElementById('divId'), ['appName']); 

Для получения дополнительной информации вы можете увидеть этот документ https://docs.angularjs.org/api/ng/function/angular.bootstrap