Export variables in JavaScript with Angular?

Question

I'm creating an App that different customers should use. The things that will differ between the customers is for example the brand name and the server URL.

I have seen the constant() method, but I don't really understand it.

For example:

<body>
    Welcome to {{brandName}} homepage. 
    We use the server {{server.url}} for our REST calls.
</body>

I'm thinking a file conf.js

var brandName = "Örkelljunga IF"
var server = {
    "url": "Orkelljunga.com",
    "otherinfo" : "Other Information"
}
export.brandName = brandName;
export.server = server;

And then access it from constant()? How do I achieve this?

Any examples and maybe best practices in Angular?

score 1 · Accepted Answer · answered Sep 19 '14 at 09:32

1

angular
  .constant("myConfig", export)
  .controller("mainCtrl", function ($scope, myConfig) {
    $scope.brandName = myConfig.brandName;
    $scope.server = myConfig.server;
  });

answered Sep 19 '14 at 09:32

Vanni Totaro

5,211
2
28
42

score 1 · Answer 2 · answered Sep 19 '14 at 09:36

You can make a controller and bind this data to $scope. Something like this:

var myApp = angular.module('myApp',[]);

myApp.controller('MyController', ['$scope', function($scope) {
  $scope.brandName = "Örkelljunga IF"
  $scope.server = {
    "url": "Orkelljunga.com",
    "otherinfo" : "Other Information"
  }
}]);

You'll have to include following in your html too.

<html lang="en" data-ng-app="myApp">

and

<div ng-controller="MyController">
  Welcome to {{brandName}} homepage. 
  We use the server {{server.url}} for our REST calls.
</div>

score 1 · Answer 3 · edited May 23 '17 at 12:29

1

You can add a simple config object that you inject wherever it is needed. Take a look at this question/answer:

edited May 23 '17 at 12:29

Community

1
1

answered Sep 19 '14 at 09:40

Lee Willis

1,552
9
14

Export variables in JavaScript with Angular?

3 Answers3