Question

我有一个禁用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;
}

我想使用switch语句在app.components.ts文件中启用此图表（根据从上一个图表传递的内容而改变）。但是在app component.ts文件中，如果我这样做.showBar = true（使用发射器）它仍然无法正常工作。任何指导将不胜感激。

Answer 1

今天早上解决了这个问题。而不是在bar-graph.component.html中声明* ngIf。它应该在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;

希望这可以帮助有人在路上

如何在禁用ng2图表后对其进行渲染

1 个答案: