AngularJS:显示其他div和隐藏当前div点击按钮
我有一个<div>
它包含一个<button>
。点击此按钮时,我想隐藏此<div>
,并显示另一个新的<div>
以代替当前的<div>
。另外,新的<div>
包含<button>
,点击后会打开旧的<div>
。这将使我能够一次打开一个<div>
,点击<div>
中的<button>
。任何人都可以告诉我如何在AngularJS中做到这一点?AngularJS:显示其他div和隐藏当前div点击按钮
<body ng-init="showDiv = true">
<div ng-show="showDiv">
<h1>Div 1</h1>
<button ng-click="showDiv = false">Show Div 2</button>
</div>
<div ng-hide="showDiv">
<h1>Div 2</h1>
<button ng-click="showDiv = true">Show Div 1</button>
</div>
</body>
Div 1隐藏,但Div 2不出现在单击“显示Div 2”按钮上。你能告诉我这个工作的例子吗? –
@ k-感染我做了一个编辑尝试。当我在代码笔上工作 –
@ k-infected我已经包含一个codepen样本 –
请尝试类似下面:使用NG-点击和NG-显示
<div ng-show="!showDiv">
<button ng-click="showDiv=true"></button>
</div>
<div ng-show="showDiv">
<button ng-click="showDiv=false"></button>
</div>
使用ngShow
:
<div ng-show="condition" ng-init="condition = true">
<button ng-click="condition = false">Toggle</button>
</div>
<div ng-show="!condition">
<button ng-click="condition = true">Toggle</button>
</div>
但牢记像单独的逻辑从视图切换到ngClick
并将其放入控制器。
什么你试过吗? plnkrr或小提琴 –
你是什么意思'代替当前'?你想替换还是想做隐藏表演? –
图片链接不存在 –