view src/app/feature-extraction-menu/feature-extraction-menu.component.html @ 432:5220174f2712

Don't propagate button click event, will fire two events due to link on list-item.

<div class="container">
  <md-list dense>
    <ng-container
      *ngFor="let extractor of extractors"
    >
      <h3 md-subheader>{{extractor.name}}</h3>
      <md-list-item
        *ngFor="let output of extractor.outputs"
        (click)="extract(output)">
        <md-icon md-list-icon>extension</md-icon>
        <h4 md-line>{{output.name}}</h4>
        <p md-line>{{output.combinedKey}}</p>
        <button md-icon-button
                (click)="extract(output); $event.stopPropagation()"
                [disabled]="disabled">
          <md-icon>add</md-icon>
        </button>
      </md-list-item>
      <md-divider></md-divider>
    </ng-container>
  </md-list>
</div>