javascript - Angular 2 - stoppa klickhändelsens spridning

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

Jag har ett föräldra-‘tr tagg’ med ett klickhändelse som växlar kollapslägen. Inuti har jag en td-tagg som kommer att innehålla något innehåll. Jag vill avbryta klickhändelsen när jag klickar på ‘td’-taggen. Exempelkod:

<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>

Svar #1

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

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