AngularJS：显示其他div和隐藏当前div点击按钮

我有一个<div>它包含一个<button>。点击此按钮时，我想隐藏此<div>，并显示另一个新的<div>以代替当前的<div>。另外，新的<div>包含<button>，点击后会打开旧的<div>。这将使我能够一次打开一个<div>，点击<div>中的<button>。任何人都可以告诉我如何在AngularJS中做到这一点？AngularJS：显示其他div和隐藏当前div点击按钮

This picture shows my requirement

来源

2016-08-22 K-Infected

什么你试过吗？ plnkrr或小提琴 –

你是什么意思'代替当前'？你想替换还是想做隐藏表演？ –

图片链接不存在 –

<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>

CodePen：https://codepen.io/RaymondAtivie/pen/OXYRyE

来源

2016-08-22 11:37:45

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>

来源

2016-08-22 11:34:53 Ruhul

使用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并将其放入控制器。

来源

2016-08-22 11:35:58 Eddi

AngularJS：显示其他div和隐藏当前div点击按钮

回答

相关问题