Is there a way to have an Angular component load vanilla JavaScript such as Backbone.js and have it execute "on it's own"? I can't modify backbone.js itself, and backbone would need to be able to render HTML inside the Angular component.
TLDR of below: I need to migrate an applicaton from an old stack to a new stack.
A bit of background since the above probably sounds strange: I have an old application implemented using a custom framework built on top of Backbone.js. The custom framework is no longer being maintaned and I need to migrate the application off it. The other development teams in the organization only has experience with Angular so I am considering trying to migrate from the custom BackboneJS framework to Angular.
Rewriting the entire application in one go is not feasable due to its size and risks that comes with such a rewrite.
- Remove any dependencies on the custom framework (such as usage of custom grid etc). This will happen over a long time and we'll release new versions of the application during this.
- Create a new Angular application where the components loads the backbone implementation. There will be several different Angular components, each loading different parts of the backbone-based implementation. The routing would be handled by Angular, but most of the HTML inside the component would be rendered by Backbone.
- Over time, replace the usage of Backbone with Angular. One component at a time, I would reduce the dependencies on backbone and switch it over to Angular.
