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

Question

我有两个div个。我需要一次展示一个。

<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

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

请参阅示例代码段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/

另外你可以玩

<a style="" href="#" ng-click="viewDiv = !viewDiv">Change to 
   <span ng-show="viewDiv">div2</span>
   <span ng-show="!viewDiv">div1</span>
</a>

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