javascript - Angular2 检查元素的类

Question

我想访问一个元素的类来检查它是“塌陷”还是“塌陷”。我想做这样的事情:

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

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

Answer 1

通常在 Angular2 中设置应该是相反的，模型被更新并且 View 反射(reflect)模型。这样你就不需要访问 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>