Breaking Changes
To support Angular 9, we made the below, breaking changes with Bold Reports Angular components version 2.2.28.
Scenario |
Existing Angular Package |
Latest Angular Package |
Importing components
|
// imports Report viewer
import { BOLD_REPORTVIEWER_COMPONENTS } from ‘@boldreports/angular-reporting-components/src/reportviewer.component’;
// imports Report Designer
import { BOLD_REPORTDESIGNER_COMPONENTS } from ‘@boldreports/angular-reporting-components/src/reportdesigner.component’;
|
// imports Report viewer
import { BoldReportViewerModule } from ‘@boldreports/angular-reporting-components‘;
// imports Report Designer
import { BoldReportDesignerModule } from ‘@boldreports/angular-reporting-components’;
|
Importing modules
|
// imports both Report Viewer and Designer
import { BoldReportsAngularModule } from ‘@boldreports/angular-reporting-components’;
|
// imports both Report Viewer and Designer
import { BoldReportsModule } from ‘@boldreports/angular-reporting-components’;
|
Script reference
|
We only refer the data-visualization scripts.
Example:
import ‘@boldreports/javascript-reporting-controls/Scripts/data-visualization/ej.bulletgraph.min’;
import ‘@boldreports/javascript-reporting-controls/Scripts/data-visualization/ ej2-circulargauge.min;
|
We need to refer the Report Viewer and Designer scripts along with the existing data-visualization script references.
Report Viewer
import ‘@boldreports/javascript-reporting-controls/Scripts/bold.report-viewer.min’;
Report Designer
import ‘@boldreports/javascript-reporting-controls/Scripts/bold.report-designer.min’;
Data visualization
Example:
import ‘@boldreports/javascript-reporting-controls/Scripts/data-visualization/ej.bulletgraph.min’;
import ‘@boldreports/javascript-reporting-controls/Scripts/data-visualization/ ej2-circulargauge.min;
|