Javascript 在Angular ng类中使用OR运算符

Javascript 在Angular ng类中使用OR运算符,javascript,angularjs,Javascript,Angularjs,结果有问题。我有两个变量:close和close1-每个变量都分配给它自己的div。单击,一个div只有在另一个关闭时才会打开,反之亦然。我试图使用OR运算符更改使用此条件的类: 开始: 关闭=正确; close1=假 <div ng-click="close = !close" ng-class="{'close-div': close || !close1, 'open-div': !close}"> <div ng-click="close1 = !close1" ng-

结果有问题。我有两个变量:close和close1-每个变量都分配给它自己的div。单击,一个div只有在另一个关闭时才会打开,反之亦然。我试图使用OR运算符更改使用此条件的类:

开始: 关闭=正确; close1=假

<div ng-click="close = !close" ng-class="{'close-div': close || !close1, 'open-div': !close}">
<div ng-click="close1 = !close1" ng-class="{'close-div': !close || close1, 'open-div': !close1}">

不幸的是,仍然能够同时打开这两个,我需要一次一个的结果。也尝试使用&&运算符,结果相同。非常感谢任何人的帮助。谢谢


A.
B
{{close+''+close1}

第二个
开放div
类是否应为
!close1
?是的,它应该而且实际上是-我的一个输入错误:)这发生在凌晨2点工作的时候。我继续编辑代码-谢谢你找到了打字错误。希望这是修复方法——但问题仍然存在……这是开始使用单元测试的一个非常好的时机。我建议将这个逻辑放在一个范围公开的函数中,并用测试来循环它。如果你需要帮助,大声喊叫:-)嗨,洛雷姆普苏姆-谢谢。我确实需要学习测试部分-你推荐给新手测试人员使用的工具是什么?嗨,沙马尔-谢谢你的演示,但它仍然没有按照我需要的方式工作,当一个单击打开时,另一个应该自动关闭,反之亦然。嗨@Jules2U我更新了我的答案检查这个
<div ng-app="myModule">
    <div ng-controller="myController">
        <div ng-click="close1=false; close = !close && !close1" ng-class="{'close-div': !close, 'open-div': close && !close1}">A</div>
<div ng-click="close=false; close1 = !close1 && !close" ng-class="{'close-div': !close1, 'open-div': close1 && !close}">B</div>
        {{close + ' ' + close1}}
    </div>
</div>