Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/392.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度、条件类交换_Javascript_Angularjs - Fatal编程技术网

Javascript 角度、条件类交换

Javascript 角度、条件类交换,javascript,angularjs,Javascript,Angularjs,我正在尝试根据输入的数据对一个单击函数进行类交换和更改: 以下是我的工作内容(这是ng repeat中的内容): showNow使用ng show=“!showNow”切换其下方的内容,以基于单击隐藏/显示其自身。我试图将showOptions==1&&shownow逻辑组合到ng类的1个参数中,但我遇到了一些问题 我基本上希望它将showNow和class偏移1,这样当fade.showOptions!=1.我不确定这样的论点在现实中会起什么作用。任何帮助都将不胜感激,因为这件事让我难堪了

我正在尝试根据输入的数据对一个单击函数进行类交换和更改:

以下是我的工作内容(这是ng repeat中的内容):


showNow使用ng show=“!showNow”切换其下方的内容,以基于单击隐藏/显示其自身。我试图将showOptions==1&&shownow逻辑组合到ng类的1个参数中,但我遇到了一些问题


我基本上希望它将showNow和class偏移1,这样当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为真或褪色。showOptions=1则SASUBPROMPTCLOWED将是应用的类

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


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

你不能使用
saSubPromptClosed
twiceYes,那只是想看看我在angulars ng类中可以做什么。我不确定在这种情况下如何将该逻辑应用到angulars方法。想详细说明一下吗?很抱歉,我还不清楚,当两个逻辑都返回true时,您是否要应用saSubPromptClosed类,或者即使其中任何一个都为true,您也希望应用该类?对于混淆,我深表歉意。当它以1的形式出现时,我希望它能正常工作。当显示选项时!=1我希望它是反向的,因此它将从相反的类开始,单击将从相反的单击开始,因此,如果我正常着陆,我将使用saSubPromptOpen和!showNow,何时显示选项!=1,该项目将以saSubPromptClosed和showNow开始(请记住,这是重复)。希望这能把事情弄清楚,谢谢@Ahsanayazt这是完美的,我也试图让它下面的部分隐藏起来,当他们被逆转,现在它的控制器通过这个ng show=“!showNow”。根据您的回答,我的尝试是:。这似乎不起作用。有什么见解吗?再次感谢!这会奏效的。当上述任何条件为真时,它将显示,否则它将隐藏
<div class="saPromptTypeHeadSub" ng-class="{'saSubPromptOpen': !showNow || fade.showOptions == 1, 'saSubPromptClosed': showNow || fade.showOptions != 1}" ng-click="showNow = ! showNow" >