Angular2检查元素的类

Question

我想访问元素的类来检查它是"崩溃"还是"崩溃".我想做的事情如下:

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

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

Answer 1

通常在Angular2中,设置应该是相反的,模型更新,视图反映模型.这样您就不需要访问DOM来检查它的状态.但是如果你必须这样做:

<span #span *ngIf="hasClass(span.className, 'collapse') && hasClass(span.className, 'in')"> - </span>
<span #span *ngIf="hasClass(span.className, 'collapse')"> + </span>

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

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

要么

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