Как отобразить график ng2 после его отключения

Question

У меня есть следующая гистограмма, которая отключена на Init

  <div style="display: block" *ngIf="showBar">
  <canvas baseChart height="75"
          [data]="barChartData"
          [labels]="barChartLabels"
          [chartType]="'bar'"
          (chartHover)="chartHovered($event)"
          (chartClick)="chartClicked($event)"></canvas>
</div>

Файл bar-graph.component.ts:

export class BarGraphComponent implements OnInit {
showBar: boolean;
ngOnInit() {
this.showBar = false;
}

Я хочу включить эту диаграмму в файле app.components.ts с помощью оператора switch (меняется в зависимости от того, что было передано с предыдущей диаграммы). Однако в файле app component.ts, если я сделаю this.showBar = true (с использованием излучателей), он все равно не будет работать. Любое руководство будет оценено.

Answer 1

Решил проблему сегодня утром.Вместо объявления * ngIf в bar-graph.component.html.Это должно быть объявлено в app.component.html

<app-bar-graph *ngIf="showBarGraph" [config]="barConfig" (notify)="onNotify($event)"></app-bar-graph>

А затем внутри app.component.ts

export class AppComponent implements OnInit {
showBarGraph: boolean;
... logic goes here ....
this.showBarGraph = true;

Надеюсь, это поможет кому-то в будущем