title: How to render an angular component inside a material tree component
body: <p>I'm trying to use angular material tree combined with checkbox, 
  but instead of using pure text to the side of the checkbox, I want to render my own angular component.</p>
  
  <p>upon selection the model of that component should be emitted.</p>
  
  <p>I've tried to use the following as a reference:
  <a href="https://stackblitz.com/angular/poxkygvnbyd?file=app%2Ftree-checklist-example.ts" rel="nofollow noreferrer">https://stackblitz.com/angular/poxkygvnbyd?file=app%2Ftree-checklist-example.ts</a></p>
  
  <p>And also tried reading the angular material tree API:
  <a href="https://material.angular.io/components/tree/api" rel="nofollow noreferrer">https://material.angular.io/components/tree/api</a></p>
  
  <p>Still not sure how it can be done.</p>