angular2 şablon div elemanı Şu anda ben sadece html şablonu kullanarak mümkünse kolaylaştırmak istiyoruz bazı mantık var sınıf

Question

varsa

Ben tıkladığı katlanabilir div (tıklayın), "olur aktif"

anda benim div: Ben o elemanın üzerine sınıfların listesi için kontrol ediyorum

<div class="collapsible-header blue darken-2" (click)="getDataForTable($event)"> 

function getDataForTable($event: any){ 
    let classList = $event.target.classList; 

    if(classList.contains("active")){ 
    //do nothing div is closing 
    } else { 
    //get data for table since we are opening the div to show the body 
    } 
} 

Bu (click) eyleminin yalnızca "etkin" değilse (yani "etkin" olarak tıklandığında ateş etmeyin) tetiklenmesini istiyorum;

Bunu yalnızca şablon sözdizimi ile nasıl yapabilirim?

Answer 1

Böyle yapmak mümkün olmalıdır:

<div class="collapsible-header blue darken-2" 
    (click)="$event.target.classList.contains('active') || getDataForTable($event)"> 

Ve sonra sınıf eklemeniz gerekir sadece ediyorum işlevinde:

function getDataForTable($event: any) { 
    $event.target.classList.add('active'); 
    // get data for table since we are opening the div to show the body 
} 

Answer 2

<div #mydiv 
    class="collapsible-header blue darken-2"  
    (click)="mydiv.classList.contains('xxx') ? getDataForTable($event) : null">