Угловая 2 - разрыхление события щелчка

Question

toggleCollapse(i) { 
    this.toggles[i] = !this.toggles[i]; 
    return false; 
} 

У меня есть родительский трёх тег с событием щелчка, который переключает состояния развала. Внутри у меня есть тег td, который будет содержать некоторый контент. Я хочу отменить запуск события клика, нажав на тег td. Пример кода:

<tr *ngFor="let record of records; let i = index" class="pointer" (click)="toggleCollapse(i)"> 
    <td>{{record.id}}</td> 
    <td>{{record.skapad}}</td> 
    <td>{{record.status}}</td> 
    <td (click)="cancel here"> 
     <pre *ngIf="!toggles[i]" class="wrap-whitespaces pointer-text">{{getShortContent(record.content)}}</pre> 
     <pre *ngIf="toggles[i]" class="wrap-whitespaces pointer-text">{{record.content}}</pre> 
    </td> 
    </tr> 

Answer 1

(click)="toggleCollapse(i, $event)" 

toggleCollapse(i, event) { 
    this.toggles[i] = !this.toggles[i]; 
    event.stopPropagation(); 
}