在绑定到控制器的布局中动态添加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).