在绑定到控制器的布局中动态附加 html答案

【问题标题】：Append html dynamically in layout binded to controller在绑定到控制器的布局中动态附加 html
【发布时间】：2017-03-29 08:02:21
【问题描述】：

我可能无法为问题提供正确的标题，但我的要求是将这段 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>

这可能吗？如果是，那么我该如何实现。

提前致谢。

【问题讨论】：

是的。使用 ng-if="vm.someFlag" 将其添加到您的模板中，并在您希望它出现在页面中时将其设置为 true。

标签： html angularjs controller bind

【解决方案1】：

可以使用ng-include 指令。该指令可以包含来自外部文件的 HTML。 The explanation can be seen here.

例如：

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

Work example at plunker(not my).

【讨论】：

@Pratswinz 随时提出任何问题。如果您觉得我的回复对您有帮助，那么您可以将我的回复标记为答案，以简化日后其他人的搜索。请阅读此meta.stackexchange.com/questions/5234/…