I have just started learning AngularJS and when I normally do jQuery applications I place all the Javascript in outside files. However, most of the examples for AngularJS I see the code placed in script tags at the bottom of the HTML page.

I'm faced with the issue of PHP loading variables on the page and using AngularJS to reference those variables by placing them in a hidden tag and grab it or place the code at the bottom in a script tag. 

What is the most professional/common method of dealing with this issue?

FYI: I do not want to enable PHP in JS files.

Thanks for your help,

Cameron.