How to implement Angular.js dependency injection in an existing project?

Question

JavaScript

Hello. There is already written and operating project. It uses Ajax for loading content and libraries that I wrote myself.

The UI is built in such a way (especially in those modules that are currently under development) that you have to invent a lot of code in jQuery. And then suddenly I found out about the wonderful Angular.js framework, with its data binding.

And here I had a problem: I have routing through pushState (), that is, without this "#!". Convert to Angular - yes, the option is not bad, but I would like to keep the current structure, because changing the model inference algorithm is a big time investment (I am writing one). However, I would still really like to have Angular.js in my arsenal.

You can see how it works in my profile on the site.

Please help, I don't know how to google it.

Answer 1

Look at Angular Light, it can be more convenient for embedding into a ready-made "structure".

Answer 2

AngularJS supports the HTML5 History API. It is enough to set up $locationProvider:
$locationProvider.html5Mode(true);

Answer 3

Somehow, in the plugin for tinyMce, I accessed a service created through a factory like this:
those. through the injector you can reach your angular services and built-in functions.