Append html динамически в макете, привязанной к контроллеру

Question

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

<div id="subscriber1" class="participant-video-list" > 
           <div class="participant-call-controls-div"> 
            <div data-id="vm.participantId" ng-click="vm.maximizeParticipant($event)">Maximize</div> 
            <div data-id="vm.participantId" ng-click="vm.minimizeParticipant($event)">Minimize</div> 
           </div> 
          </div> 

Возможно ли это? Если да, то как я могу это достичь.

Заранее спасибо.

Answer 1

Можно использовать директиву ng-include. Эта директива может включать HTML из внешнего файла. The explanation can be seen here.

Например:

<ng-include src="template"></ng-include> 

Work example at plunker(not my).