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>