AngularJS - module uses config from a different file

Question

I am new to AngularJS and I don't know if this is possible.

This is my current code:

var app = angular.module('qlikCockpitApp',['pascalprecht.translate','720kb.tooltips']);

app.config(['$translateProvider', function ($translateProvider) {
... 
});

I want to move this app.config to another file, and access from my module file. Is it possible? How can I do this?

Community · Accepted Answer · 2020-06-20 09:12:55Z

0

You can add 2 file or more for each part of your application

Remember in this case you have 1 app this mean (var app = angular.module('qlikCockpitApp', []))

app.js

var app = angular.module('qlikCockpitApp',['pascalprecht.translate','720kb.tooltips']);

app.config.js

app.config(['$translateProvider', function ($translateProvider) {
 ... 
});

add files in your index.html with right sort:

<script src="app.js"></script>
<script src="app.config.js"></script>

Using Labjs: if you want to load files as lazyload

index.html

<div id="app"></div>
<!--required: download labjs library-->
<script src="lab-library.js"></script>
<script src="bootstrapper.js"></script>

in this case do not use ng-app set id attribute

bootstrapper.js

$LAB.script(
    "/angular.js",
    "/app.js",
    "/app.config.js"
)
.wait(function () {
    var root = document.getElementById("app");
    angular.bootstrap(root, ["app"]);
});

Add / before files directory

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Dec 12, 2017 at 16:51

Maher

2,5471 gold badge21 silver badges33 bronze badges

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

4 Comments

charlietfl Over a year ago

Better practice to get rid of global app variable and reference using angular.module. github.com/johnpapa/angular-styleguide/tree/master/a1#modules

Rafael Bittencourt Over a year ago

thanks for the quick reply! is there a way to do this without inserting <script> tags in my html file??

Maher Over a year ago

Yes, you can use $LAB OR Labjs actually you need to Read & Develop before using it.

Rafael Bittencourt Over a year ago

it worked and it's better than inserting <script> tags, but still, is there a way to insert ONLY my main js file? <script src="../app.js"></script>

Collectives™ on Stack Overflow

AngularJS - module uses config from a different file

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related