Angular. How to load HTML template on a specific event?

Question

Angular

Good afternoon.
It is necessary to load html code from a file on some event. Let's say a button is clicked.
I found ng-include and src, but if I understood everything correctly, then the template will be loaded immediately upon initialization. How to load only on event?

Answer 1

<div ng-if="showTemplate">
    <div ng-include="path/to/your/template.html"></div>    
</div>
<button ng-click="showTemplate = true;">Show template<button>