角度,条件类交换

时间:2014-10-24 19:35:43

标签: javascript angularjs

我尝试根据以下数据进行交换并更改点击功能:

这是我正在使用的内容(这是在ng-repeat中):

<div class="saPromptTypeHeadSub" ng-class="{'saSubPromptOpen': !showNow, 'saSubPromptClosed': showNow, 'saSubPromptClosed': fade.showOptions != 1}" ng-click="showNow = ! showNow" >

showNow使用ng-show =&#34;!showNow&#34;切换下面的内容。根据点击隐藏/显示自己。我试图结合showOptions == 1&amp;&amp;为ng类显示了1个参数的逻辑,但我遇到了一些问题。

我基本上希望它将showNow和class偏移1,因此它以showNow开始,并且当fade.showOptions!= 1时,子提示符关闭类(与正常相反)。我不确定如何像这样的论点会起作用。任何帮助将不胜感激,因为这一次困扰了我一段时间。谢谢!

1 个答案:

答案 0 :(得分:1)

正如我理解你的问题,这似乎是诀窍

<div class="saPromptTypeHeadSub" ng-class="{'saSubPromptOpen': !showNow || fade.showOptions == 1, 'saSubPromptClosed': showNow || fade.showOptions != 1}" ng-click="showNow = ! showNow" >

当showNow为false或fade.showOptions == 1然后saSubPromptOpen将被应用的类 当showNow为真时或者fade.showOptions!= 1然后saSubPromptClosed将被应用的类

但是你使用的是ng-repeat,所以showNow模型,fade.showOptions对于所有列表项都是相同的(并且与特定的li无关)。

我不知道你用现在的逻辑想要实现什么,但我想我已回答了这个问题:)