如何在元素onclick上使用切换css类？

使用角度类型脚本，而不是$scope。我看到了大量关于$scope或JQuery的示例。我希望基本上有一个可单击的省略号，它将在单击时删除类的溢出和文本溢出属性，这样我就可以展开要截断的div的全文。我相信看起来我想使用ng类，或者为ng单击创建一个函数，但是我找不到任何不使用$scope.class的示例，而且我不想在typescript中使用this.class

以下是我尝试切换的css类：

.homeDescriptionDiv {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.homeDescriptionDiv2 {
}

以下是html元素，无任何角度引用：

<div class="col-md-12 homeDescriptionDiv" ng-click="changeClass()">
                                <h4>
                                    Description
                                </h4>
                                {{challenge.description}}
                            </div>

---

总之，我希望能够通过再次单击来来回切换，但删除第一个类是核心要求。谢谢

在您的控制器中有一个属性

showClass

，然后将其绑定到元素，如

ng class=“{'some-class'：vm.showClass}”

---

现在，如果

showClass

为true，则元素将获得

someclass

，否则

someclass

将被删除。控制器上的切换函数就是

this.showClass=！这个.showClass

请发布一个代码示例。这将帮助我们找到您的问题。此外，我建议您阅读《如何提出好问题指南》：）谢谢，对不起，我试过了，但我今天是新来的，很累，而且已经不含咖啡因了！我已经发布了我的代码。

element.class = class1;
function changeClass(){
this.class=class2
}