chart.js not getting rendered inside ng-template in angular

description

i have declared chart.js inside ng-template but chart is not rendering properly

sample code

<div style="display: block; width: 100%">
  <ng-container *ngTemplateOutlet="qualitySurveyTemp"></ng-container>
</div>

<ng-template #qualitySurveyTemp>
  <canvas id="canvas">{{ chart }}</canvas>
</ng-template>

it is working fine when i use like below

<div style="display: block; width: 100%">
  <canvas id="canvas">{{ chart }}</canvas>
</div>

sample - https://stackblitz.com/edit/angular-chartjs-barchart-sjamlr?file=src%2Fapp%2Fapp.component.html