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

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

  <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 (изменяющегося в зависимости от того, что было передано из предыдущей диаграммы). Однако в файле приложения component.ts, если я делаю this.showBar = true (используя эмиттеры), это все равно не работает. Любое руководство будет оценено.


typescript angular ng2-charts
person sharsart    schedule 17.05.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Утром решил проблему. Вместо объявления *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;

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

person sharsart    schedule 17.05.2018