角度的、有条件的类交换



我正试图根据输入的数据对点击函数进行类交换和更改:

以下是我正在处理的内容(这是在一个ng重复中):

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

showNow使用ng show="!showNow"切换其下方的内容,以根据单击隐藏/显示自身。我正在尝试将showOptions==1&amp;shownow将逻辑转换为ng类的1个参数,但我遇到了一些问题。

我基本上希望它将showNow和class偏移1,这样它就以showNow开始,并在fade.showOptions!=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何时为true或fade.showOptions=1则saSubPromptClosed将是应用的类别

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

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

最新更新