Question

使用angular typescript，而不是$ scope。我看到了大量$ scope或JQuery的例子。我想基本上有一个可点击的省略号，这将删除单击时类的溢出和文本溢出属性，所以我可以展开我截断的div的全文。我相信看起来我想要使用ng-class，或者为ng-click创建一个函数，但是我找不到任何不使用$ scope.class的例子，我不是＆＃ 39; t like我可以在打字稿中使用this.class。

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

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

.homeDescriptionDiv2 {
}

这里是html元素，没有任何Angular引用：

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

我的控制器中的打字稿看起来像：

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

很高兴，我希望能够通过再次点击来回切换，但删除第一堂课是核心要求。谢谢！

Answer 1

在你的控制器中有一个属性showClass，然后将它绑定到像ng-class="{'some-class': vm.showClass}"

这样的元素

现在，如果showClass为true，则元素获取some-class，否则some-class将被删除。控制器上的切换功能仅为this.showClass = !this.showClass

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

1 个答案: