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