Use javascript var in AngularJS constant

Question

I'm would like to use a var from a plain old javascript file in an AngularJS constant. Is that possible. Below is what I have tried.

Javascript file:

"use strict";

var CONST_MAP = {
  'key': 'value'
};

AngularJS file:

'use strict';

angular.module('foo').constant('bar', {
    'test': CONST_MAP
});

Sorry, not an answer, but I was just wondering why you would use var instead of const. — Kokodoko
– Kokodoko, Commented Nov 19, 2021 at 13:00

Nitheesh · Accepted Answer · 2021-11-19 11:52:58Z

1

It's possible using angular providers.

var CONST_MAP = {
  'key': 'value'
};
var app = angular.module('myApp', []);
app.constant('bar', {
  'test': CONST_MAP
})
app.controller('myCtrl', function ($scope, bar) {
  console.log(bar)
  $scope.name = bar.test.key;
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
  {{ name }}
</div>

answered Nov 19, 2021 at 11:52

Nitheesh

20.1k3 gold badges28 silver badges52 bronze badges

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

6 Comments

user1766169 Over a year ago

But I want my javascript var in a separate file.

Nitheesh Over a year ago

You can import them to your file and use it

user1766169 Over a year ago

How do I import the javascript file?

Nitheesh Over a year ago

You can import with import { CONST_MAP } from "./path/to/your/file" and the same variable must be exported from the file as export var CONST_MAP = { 'key': 'value' }

user1766169 Over a year ago

I get the following error: >> error: couldn't process source due to parse error >> 'import' and 'export' may appear only with 'sourceType: module'

|

Veselin Kontić · Accepted Answer · 2021-11-19 11:54:50Z

0

I think that you can do it like this:

angular.module('foo').constant('bar', (function(){
    var CONST_MAP = {
      'key': 'value'
    };
    return {
       test: CONST_MAP
    }
}));

answered Nov 19, 2021 at 11:54

Veselin Kontić

1,8982 gold badges15 silver badges26 bronze badges

2 Comments

user1766169 Over a year ago

But I want my javascript var in a separate file.

Veselin Kontić Over a year ago

Aham, than check the answer from @Nitheesh

Collectives™ on Stack Overflow

Use javascript var in AngularJS constant

2 Answers 2

6 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related