AngularJS-希望根据dom事件添加和删除iframe

我想在单击某些链接时向页面添加iframe，并在页面上发生其他鼠标事件时将其删除。在我看来，使用AngularJS指令似乎是实现这一点的最佳方式。我不确定的是，设置指令格式的最佳方式是什么。我正在考虑在属性级别生成指令……类似这样：

<div myIframeDirective></div>

我不确定的是，当主页上发生各种单击事件时，删除/添加指令内容（iframe及其上方的标题）的最佳方式。不是找人帮我写代码……只是找一些例子来说明如何最好地完成这项工作。

您应该使用

单击我以显示/隐藏iframe

在Angular中，

ng if

将从DOM中删除iframe，如果它是

false

这意味着在ng if

true

之前，不会请求URL

<iframe ng-if="frameDisplayed" ng-src="{{src}}"></iframe>

---

如果确实移除了该元素，

ng是否会移除该元素？我必须实际添加/删除元素内容。此外，如果

从DOM中删除元素，我还有一个标题，它将作为div的一部分

ng show

/

ng hide

仅使用

display:none将其隐藏
<iframe ng-if="frameDisplayed" ng-src="{{src}}"></iframe>

<a href="javascript:" ng-click="frameDisplayed = !frameDisplayed">Toggle</a>

$scope.src = 'https://angularjs.org';