Angular2检查元素的类

Question

我想访问元素的类来检查它是“崩溃”还是“崩溃”。我想做点什么：

<span *ngIf=" class == 'collapse in' "> - </span>
<span *ngIf=" class == 'collapse'    "> + </span>

有没有一种简单的方法来获取Angular2上的元素类？

Answer 1

通常在Angular2中，设置应该是另一种方式，模型更新，视图反映模型。这样您就不需要访问DOM来检查它的状态。但是，如果你必须这样做：

hasClass(classes, cls) {
    return (' ' + classes + ' ').indexOf(' ' + cls + ' ') > -1;
}

<span #span *ngIf="span.classList.contains('collapse') && span.classList.contains('in')"> - </span>
<span #span *ngIf="span.classList.contains('collapse')"> + </span>

https://developer.mozilla.org/de/docs/Web/API/Element/className

或

{{1}}