title: How to catch an event trigger inside of a <ng-container>
body: <p>Good afternoon guys, i have the following structure:</p>
  
  <p>parent.html</p>
  
  <pre><code>&lt;child-component&gt;
  &lt;ng-template let-dataSource="dataSource" let-displayedColumns="dc"&gt;
    &lt;mat-table class="cruds-table" [dataSource]="dataSource" matSort fusePerfectScrollbar&gt;
  
        &lt;ng-container matColumnDef="name"&gt;
          &lt;mat-header-cell *matHeaderCellDef mat-sort-header&gt;Nome&lt;/mat-header-cell&gt;
          &lt;mat-cell *matCellDef="let crud"&gt;
            &lt;p class="text-truncate" (click)="clica()"&gt;{{crud.name}}&lt;/p&gt;
          &lt;/mat-cell&gt;
        &lt;/ng-container&gt;
   [...]&lt;/ng-template&gt;
  &lt;/child-component&gt;
  </code></pre>
  
  <p>child.html</p>
  
  <pre><code>&lt;ng-container *ngTemplateOutlet="contentTable;context:{dataSource: dataSource, dc: displayedColumns}"&gt;&lt;/ng-container&gt;
  </code></pre>
  
  <p>child.ts</p>
  
  <pre><code>clica(){
      alert('clicked');
  }
  </code></pre>
  
  <p>when I click on it, the function is triggered on the parent component, i know i can use View to get the child component and use as child.clica(), but i have many functions and i would prefer to bind all the events inside of this container to the child component.</p>
  
  <p>Is there any way to do this?</p>
  
  <p>Sorry if it's confusing, it's complicated to explain.
  Thanks!</p>