I'm new to angular and I'm working with an Angular app that has some initial settings, just lot of variables containing thinks like Api authorizations, names, routes and more. Right now all those are just var declared after this part:
var myApp = angular.module('app',[]);
There is a recommended place where all those variables must go?
In angular you can have a sort of main module that you add your configuration too.
This module will be injected with all of the other modules you create as well as modules like NgRoute. Here is an example of a main module in my angular app, full source here
var app = angular.module("myApp", [
'ui.bootstrap',
'ngAnimate',
'myAppRouter',
'myAppHomeCtrl',
'myAppHomeService',
'myAppNavbarDirective',
'myAppNavbarService',
'myAppLoginCtrl',
'myAppLoginService'
]);
//This config is used to remove the # in the html
app.config(["$locationProvider", function($locationProvider) {
$locationProvider.html5Mode({
enabled: true,
requireBase: false
});
}]);
The above shows config on my Main module to get my URLs to look correct.
You define these things using angular constants and values.
https://docs.angularjs.org/api/auto/service/$provide#value
Once you've create a constant or value you can inject them into your controllers and directives.
Sometimes you need data passed into your app via the rendered index.htlm. For example; a .NET application might want to pass some data from web.config to the angularjs app.
You can append a block after the include for your app and declare the data there.
<script>angular.module('app').constant('websiteName','HELLOWORLD');</script>
