Skip to content

Angular ​

bash
npm install @datastripes/forecast
ts
import { Component } from '@angular/core';
import { DatastripesForecastComponent } from '@datastripes/forecast/angular';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [DatastripesForecastComponent],
  template: `<datastripes-forecast-studio [data]="rows" [horizon]="30" [apiKey]="apiKey" [apiUrl]="apiUrl" />`
})
export class AppComponent {
  rows = [];
  apiKey = 'your-key';
  apiUrl = 'https://licensing.example.com';
}

@datastripes/forecast/angular is compiled with ng-packagr into Angular Package Format (Ivy partial compilation, an FESM2022 bundle, and .d.ts typings), so the Angular CLI consumes it like any other Angular library. It contains standalone components, DatastripesForecastComponent (<datastripes-forecast-studio>), DatastripesKpiDeckComponent, ForecastChartComponent, ModelComparisonCardComponent, FeatureImportancePlotComponent, LicenseStatusModalComponent, ColumnMappingModalComponent, and ExportSuiteModalComponent, and re-exports the whole core API.

@angular/core and @angular/common (^18 || ^19) are optional peer dependencies of @datastripes/forecast; they are only needed when you import the /angular entry point. There is no CLI schematic (ng add) yet.