角度4でdivのサイズが変更されていないか確認してください

Question

角度4でdivのサイズが変更されているかどうかを確認する方法はありますか？たとえば、divの高さと幅が異なるCSSクラスが添付されているとします。あなたのコンポーネントで

最初<div class="abc"></div>イベント後

<div class="abc xyz"></div>

Answer 1

<div #divRef class="abc" (event)="checkStyleClass()"></div> 

、

@ViewChild('devRef') element: ElementRef; 

    checkStyleClass() { 
       let classes = []; 
       classes = this.element.nativeElement.classList; 
       if (classes) { 
        classes.forEach(classVal => { 
        if (classVal === 'xyz') { 
         // div contains the xyz class after the event 
        } 
        }); 
       } 
       }