AngularJSを使用してワンクリックで表示と非表示を切り替える方法

Question

私には2つのdivがあります。私は一度に1つずつ表示する必要があります。

<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のような1つだけ使用し、変数や文を区切るにはセミコロンを使用して

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