How to put asp.net MVC code in AngularJS file?

Question

From this thread Passing dynamic javascript values using Url.action(), how can something like that be put into a javascript file? This would be the AngularJS controller file.

From the example above, the following can be used in an AngularJS controller defined in the _Layout.cshtml script tags:

var firstname = "abc";
var username = "abcd";
location.href = '@Url.Action("Display", "Customer")?uname=' + firstname + '&name=' + username;

The issue is that the asp.net MVC code doesn't play well when put into a javascript file. It works fine when in the _Layout.cshtml script tags. But not in a JS file.

Answer 1

For scenarios like these, I do something like the following

Say in my Angular controller I need to pass a value of the LoggedInUser, for which I have a server side Helper class available.

So in my Razor view I do something like this

<script type="text/javascript">
window.loggedInUser = '@MyHelper.LoggedInUser()';
</script>

And then access this global variable in my Angular controller.