如何使用AngularJS单击隐藏和显示

Question

我有两个div s。我需要一次显示一个。

<div ng-show="viewdiv"> 
</div> 
<div ng-show="adddiv"> 
</div> 

<a style="" href="#" ng-click="viewdiv=true" >View</a> 

如何设置adddiv = false？通过这个相同的ng-click。

ng-click="viewdiv=true,adddiv=false"

不工作。

Answer 1

只使用一个变量一样viewdiv和使用它像

<div ng-show="viewdiv"> 
    </div> 
    <div ng-show="!viewdiv"> 
    </div> 

    <a style="" href="#" ng-click="viewdiv=true" >View</a> 

Answer 2

用分号来分隔语句将工作

<a style="" href="#" ng-click="viewdiv=true;adddiv=false" >View</a>

Answer 3

<button ng-click="showDiv = !showDiv">test </button> 
 
<div ng-show="showDiv" > 
 
    Div 
 
</div>

见S充足的片段here

Answer 4

HTML

<div ng-show="viewDiv"> 
    div1 
</div> 
<div ng-show="!viewDiv"> 
    div2 
</div> 
<a style="" href="#" ng-click="viewDiv = !viewDiv" >Click</a> 

控制器

$scope.viewDiv = true; 

见http://jsfiddle.net/y9wy70ng/

---

此外，您可以用

玩

请参阅http://jsfiddle.net/sdp9t96b/