![](/img/trans.png)
[英]Hide a div, when mouseout two divs, but not if you are hover one or another
[英]two divs in angular and I need to hide one div and display another when a button in div one is pressed
我有以下代码。 单击div 1中的按钮时,我需要隐藏div 1并显示div2。 (在HTML5中)。 我有一个带有控制器等的JS文件。当时我有两个不同的html模板文件,我称它们为单独的模式弹出窗口。 现在,我不需要只显示一个弹出窗口,而不必显示两个弹出窗口,而只显示或隐藏其中一个div的内容。
<div id="div1">
<button name ="click" click="ClickMe()"/>
</div>
<div id = "div2">
<p> Some content</p>
</div>
这应该在单击时切换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>
在你的HTML
<body ng-app="myApp" ng-controller="myctrl as ctrl">
<div id="div1" ng-show="ctrl.btn">
<button name ="click" ng-click="ctrl.btn=!ctrl.btn"/>
</div>
<div id = "div2" ng-show="!ctrl.btn">
<p> Some content</p>
</div>
</div>
在您的控制器中
.controller('myctrl', function(){
this.btn = true;
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.