在ng-click中设置多个变量的值

Question

是否有一种聪明的方法可以在视图的ng-click语句中设置多个变量的值，而无需通过控制器功能进行操作？例如，

的内容

<li ng-click="showLeftDiv = true, showRightDiv = false, showBottomDiv = false">

我需要一次显示一个div，并隐藏所有其他（3 + div）。

Answer 1

直接回答您的问题与控制器相同：

<li ng-click="showLeftDiv = true; showRightDiv = false; showBottomDiv = false;"></li>

但我会做的不同。您可以使用ng-switch，ng-if，ng-show或ng-hide。

使用ng-if：

的示例

<div id="leftDiv" ng-if="showDiv=='left'"></div>
<div id="rightDiv" ng-if="showDiv=='right'"></div>
<div id="bottomDiv" ng-if="showDiv=='bottom'"></div>

然后在你的ng-click中：

<li ng-click="showDiv='left'"></li>