How to dynamically add a directive on Amgular?

Question

Angular

When I click in the right place, the page should load

// пытался так
$scope.click = function(typeModel){
     angular.element(document.querySelector(".loadEditor")).html(
       '<editor-content ng-show="visibleEditor.visible"></editor-content>'
     );
}

// пытался так
$scope.click = function(typeModel){
     angular.element(document.querySelector(".loadEditor")).html(
      $compile( '<editor-content ng-show="visibleEditor.visible"></editor-content>')($scope)
     );
}

Angular still does not work out the internal controllers for this directive and does not see anything at all.
Thought to use statically ng-include="editor.html"
But then this template is wedged in when the page is loaded
. In general, it is necessary that when clicking, how is this done correctly?

Answer 1

you can insert ng-if before ng-include, then it will be loaded when necessary