Use when developing or modifying the @handsontable/angular-wrapper package - Angular components with decorators, NgZone performance optimization, and ng-packagr build system
wrappers/angular-wrapper/
Library source lives under projects/hot-table/src/lib/.
The main HotTableComponent uses Angular @Component with individual @Input() decorators for each Handsontable option. This gives consumers standard Angular template binding for every grid setting.
@ViewChild('container').updateSettings() with the new values.hot.destroy() and cleans up references.NgZone.runOutsideAngular() wraps the Handsontable constructor and most grid operations. This prevents Angular change detection from running on every internal grid event (scroll, render, mouse move), which is critical for performance with large datasets.
HotTableModule is the Angular module that declares and exports the component. Consumers add it to their imports array.
jest-preset-angular.NODE_OPTIONS=--openssl-legacy-provider (already configured in the test script).npm run test --prefix wrappers/angular-wrappernpm run build --prefix handsontable. Wrappers consume handsontable/tmp/, not dist/.| File | Purpose |
|---|---|
projects/hot-table/src/lib/hot-table.component.ts | Main grid component |
projects/hot-table/src/lib/services/ | Settings resolver and global config services |
projects/hot-table/src/lib/hot-table.module.ts | Angular module declaration |
handsontable/src/..mjs helpers instead of bash-only constructs. Never use bash-specific syntax (if [ ], mv, && with ||) directly in package.json script entries.