how to load basic setting into angularjs

Question

I am new to AngularJS and MVC.

I used to do websites in a "spaghetti" way.

Now I want to load some basic settings into my website, but not via AJAX after the DOM is loaded.

For example, Google Analytics Account ID could be defined by client at the backend system.

It should be loaded together with the page, but not by AJAX.

As my main page is index.htm, loading every data by javascript.

Without being "spaghetti" way, what is the best practice I should follow to?

Thank you.

DerekMT12 · Accepted Answer · 2016-05-30 17:19:38Z

1

If your back end outputs those settings into an object on window, like..

window.appSettings = {
   setting1: 'abc'
};

In angular, you can make it injectable by putting it in an constant like:

angular.module('YourModule').constant('appSettings', window.appSettings);

Then in your services, controllers, and directives, you can use those settings:

angular.module('YourModule').controller('SomeController', ['appSettings', function(appSettings) {
   //use appSettings.setting1
}]);

answered May 30, 2016 at 17:19

DerekMT12

1,35911 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

ロジャー Over a year ago

how should I output this file? window.appSettings = {setting1: 'abc';} I can think of PHP writing into a JS, since I need these settings from database.

DerekMT12 Over a year ago

That's exactly how you would do it. Instead of 'abc', just use php to output your value. Setting those would just be in a script tag in your main php file.

Collectives™ on Stack Overflow

how to load basic setting into angularjs

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related