Angular2要素のクラスを確認する

Question

要素のクラスにアクセスして、要素が「崩壊する」か「崩壊する」かどうかをチェックしたいと思います。私は次のようにしたい：

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

Angular2の要素のクラスを取得する簡単な方法はありますか？

Answer 1

通常、角度2では、設定が逆になり、モデルが更新され、ビューにモデルが反映されます。これにより、DOMの状態を確認するために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>