Я пытаюсь добавить директиву динамически. Таким образом, из остального API Ui узнает имя директивы во время выполнения, а с помощью функции импорта webpack Dynami c Ui загрузит директиву. Js код
function getComponent() {
return import(/* webpackChunkName:"abc-connector" */ './../../../../components/app/abc-connector/abc-connector').then(({ default: _ }) => {
}).catch(error => 'An error occurred while loading the component');
}
getComponent().then(component => {
console.log("----------------1-----------",component)
$timeout(function(){
editCohortCtrl.isLoConnectorLoaded=true;
editCohortCtrl.dname="abc";
},10000)
});
И в другой директиве для компиляции sr c
var a=$compile("<abc></abc>")(scope);
element.append(a);
Он загружает js файл
But when I try to check that in DOM, the directive is not compiled.
введите описание изображения здесь