How I feel in Javascript. I never get to the light

I get the div that has the ng-Include directive. From here I can get the scope which is the door into the AngularJS world. I am using the $apply method. This is one of the few cases where you need to use it. If I don't use this here, the bindings might not work properly, because AngularJS has no idea that something happened. Check the docs here I am using that ctrl alias I set for my controller on the scope. Not 100% sure this is the only way you can do it, though.

I like Angular, but I hate JS. Yes, this post is about the old AngularJS.With that out of the way...We have a few projects that are using Razor Views from Asp.net. These are legacy projects with technical debt we just need to cope with. If you're not familiar, Razor is a templating technology which allows you to have html, javascript, templating logic and all your favorite Pokemon in one place. Sounds great right? It can suck.So, in this project somebody came up with the idea of introducing AngularJS, and that was long before I touched the project. It was a very good idea, but it seemed a half-hearted effort and AngularJS was only used in some specific parts of the system. And I wanted more of that sweetness.Eventually I had to have a way to interact from my JS files with the AngularJS world. And thus this post is born for people out there that need to fight the same battle.The scenario is very simple: if a user clicks a button which works with pure JS, some part of the application will show up, which works with AngularJS.Obviously I tried the dumb thing of keeping the controller somewhere to be able to invoke it. But that sucks. (Lack of ) architecture is just the most obvious thing that it throws out of the window. We want to have a clean separation between the AngularJS world and the pure JS world. So the solution was this:Have a div which has the ng-include directive. This div is declared in a Razor cshtml file.This will include the view and will load it inside this div. The content of this view is a regular AngularJS view, but notice I am using the "as ctrl" syntax here:The user clicks the button, and here is the handler which does all the work:Some closing notes:Now I have access to themethod and I can pass in parameters like I would normally do.And all the regular magic should just work!