Javascript 切换角度css类

我正在尝试将类“不兼容”：false切换为“不兼容”：使用angularjs切换为true：

    <div class="col status" style="margin-left: 63px;margin-right: 74px; width: 190px">
        <label class="title">Radius</label>
        <img src="assets/images/BOTTOM SCREEN/OPERATION BOARD/SVG/button UP enable.svg" ng-click="myFunctionUp()/>
        <div id="myDiv" class="status-bar" ng-class="{'not-compatible':false,'in-progress':false} ">
            <label class="number-spolier">1000<span>m</span> </label>
            <span><span></span></span>
        </div>
        <img src="assets/images/BOTTOM SCREEN/OPERATION BOARD/SVG/button DOWN enable.svg" ng-click="myFunctionDown()/>
    </div>

半径
1000米

当单击img（第一个或第二个）将div“myDiv”的类更改为true时

有什么想法吗

ng类不应具有“false”，但应具有模型变量的名称。例如，如果MyFunctionDown（）设置了“classStatus='Fred'”，那么您可以使用类似ng class=“{'not-Fred'：classStatus！='Fred'，'is Fred'：classStatus==='Fred'}”的内容。

ng类不应该有“false”，而应该有模型变量的名称。例如，如果MyFunctionDown（）设置“classStatus='Fred'”，那么您可能会有类似ng class=“{'not-Fred'：classStatus！='Fred'，'is Fred'：classStatus==='Fred'}”的内容

它应该是这样的， 在HTML中：

应该是,， 在HTML中：

---

您应该在作用域上设置标志，指示是否已单击图像。您可以将此行代码添加到

myFunctionUp

和

myFunctionDown

函数中，以设置指示已单击img的范围变量：

$scope.imgClicked = true;

然后在ng类中使用这个变量，如下所示：

ng-class="{'not-compatible': imgClicked}"

---

您应该在作用域上设置标志，指示是否已单击图像。您可以将此行代码添加到

myFunctionUp

和

myFunctionDown

函数中，以设置指示已单击img的范围变量：

$scope.imgClicked = true;

然后在ng类中使用这个变量，如下所示：

ng-class="{'not-compatible': imgClicked}"

---

只需在表达式中使用范围变量而不是

false

{'not-compatible':false,'in-progress':false}

---

请参见

您只需在表达式中使用范围变量，而不是

false

{'not-compatible':false,'in-progress':false}

---

请参见

尝试此示例可能会有所帮助，实际上您需要使用变量，而不是在ng类中直接设置true/false

https://scotch.io/tutorials/the-many-ways-to-use-ngclass
http://codepen.io/sevilayha/pen/qlLED

---

试试这个例子可能会有所帮助，实际上您需要使用变量，而不是在ng类中直接设置true/false

https://scotch.io/tutorials/the-many-ways-to-use-ngclass
http://codepen.io/sevilayha/pen/qlLED