Skip to content

chart not getting rendered inside ng-template #4

@rajkumar30598

Description

@rajkumar30598

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions