How to display a custom directive template using ng-mouseenter?

Question

Angular

I'm new to angular, I'll try to be clear.
There is this DOM:

<div ng-controller="MyCtrl">
 <div ng-mouseenter="innerPreview(id)"></div>
 <div ng-mouseenter="innerPreview(id)"></div>
 <div ng-mouseenter="innerPreview(id)"></div>
 /* сюда надо вывести темплейт кастомной директивы с нужными данными */
 <div id="preview" custom-directive></div>
</div>

I understand that any DOM manipulations should be in directives, but how to activate DOM manipulations on mouseenter event? Do I understand correctly that you need to call a certain controller method that pulls a directive that inserts the desired html into the DOM?

Answer 1

ng-include