Angular Components everywhere
News
Good news, previous release brought the Row Detail and that helped with this new release (Angular Component everywhere). We can now use Angular Components with Custom Editors, Custom Filters and Custom AsyncPostRender (similar to a Formatter but in an async way, that is the only available solution that works with SlickGrid).
More info about Formatters vs AsyncPostRender
So what about Formatter then, why can't we use Angular Component with Formatter? Because of how Angular is built, it requires a full cycle for the component to be rendered with data, however SlickGrid Formatter requires only string output and it must be right away (synchronous) and Angular Component can only be returned in an async fashion (you could return it right away but the data won't be populated). That is the reason that it's not doable with a Formatter, however SlickGrid AsyncPostRender is similar and works in an async fashion. So that works, but it has some drawback, it's slightly slower to render (you can visually see it rendering on the screen). All that to say, regular Formatters with jQuery and/or HTML is still the preferable way... but hey, if you really wish to use Angular Component, well then it's now possible, but I won't personally use it though.
Features
- (editor): add Custom Editor with Angular Component, closes #77, #84 (PR #129)
- (filter): add Custom Filter with Angular Component (PR #131)
- (PostRender): use AsyncPostRender to render an Angular Component, closes #7 (PR #130)
- similar to Formatter though it has some drawback (visually slower)
- Example 22 | Component | animated gif
- (editors): add "required" and "alwaysSaveOnEnterKey" options (PR #132)
Fixes
- (filter): regression bug filtering data doesn't always refresh grid
- (backend): perf, clear filters was calling too many queries (1x/filter)
- (formatters): some formatters were not considering empty string
- (editors): small regression bug causing infinite loop in rare occasion
- (backend): Clear Filter from Header Menu was not working correctly
Refactoring
- Updated Bootstrap 3 Demo to Angular 7
Vote
If you haven't already done so, please up vote ⭐️
Let's make the lib more popular 😃