For users of the Angular framework we have provided 3 wrappers that each contain a component that will allow you to instantiate the Adaptable Blotter in an Angular-friendly way:
AdaptableBlotterComponent - this is a general Component that wraps the Adaptable Blotter and requires you to create your own component for the vendor grid of your choice
AdaptableblotterAgGridComponent - this wraps both the Adaptable Blotter and Ag Grid in a single Component
AdaptableblotterHyperGridComponent - this wraps both the Adaptable Blotter and Hypergrid in a single Component
See examples of using each of these wrappers in the Angular Wrapper Examples section.
Check out projects/adaptableblotter/src/public_api.ts to see what exports are available for you to import
To use the Angular Wrapper you need to install in 3 steps:
First, install the 'core' Adaptable Blotter package:
npm install adaptableblotter
Next, install the Angular wrapper:
npm install adaptableblotter-angular
Finally, install whichever vendor grid libraries you require.
If using the AdaptableblotterAgGridComponent then install:
"ag-grid": "^18.1.2", "ag-grid-angular": "^18.1.0", "ag-grid-enterprise": "^18.1.1",
If using the AdaptableblotterHyperGridComponent then install:
The Hypergrid version must be less than 3 as we do not - yet - support that version (which is coming soon).
The angular wrappers have peer dependencies which you will need to install separately and additionally to the adaptableblotter-angular install if they are not already present.
Check the relevant package.json file to see more details.