javascript - 两个 Angular div，我需要隐藏一个 div 并在按下 div 中的按钮时显示另一个 div

Question

我有以下代码。当单击 div 1 中的按钮时，我需要隐藏 div 1 并显示 div2。 (在 Angular HTML5 中)。我有一个带有 Controller 等的 JS 文件，目前我有两个不同的 html 模板文件，我将它们称为单独的模式弹出窗口。现在，我需要只显示一个弹出窗口，而不是两个弹出窗口，而只显示或隐藏其中一个 div 的内容。

<div id="div1">
<button name ="click" click="ClickMe()"/>
</div>

<div id = "div2">
<p> Some content</p>
</div>

Answer 1

这应该在单击时切换 displayToggled，并从 DOM 中删除单击该按钮的 div。

<div id="div1" ng-if="!displayToggled" >
   <button name ="click" ng-click="displayToggled = true"/>
</div>

<div id = "div2" ng-if="displayToggled">
   <p> Some content</p>
</div>