我有以下代码。我需要隐藏div 1,并在div one中的按钮被单击时显示div2。(在ANGULAR HTML5中)。我有一个带有控制器等的JS文件,同时我有两个不同的html模板文件,我把它们称为单独的模式弹出窗口。现在,我只需要显示一个弹出窗口,而不是两个弹出窗口,而只需要显示或隐藏其中一个div的内容。
<div id="div1">
<button name ="click" click="ClickMe()"/>
</div>
<div id = "div2">
<p> Some content</p>
</div>
发布于 2016-06-03 09:02:09
这将在单击时切换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>
发布于 2016-06-03 09:04:32
在您的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;
})
https://stackoverflow.com/questions/37604142
复制相似问题