CODEWITHSUNDEEP
javascripthtmlangularjs
GuyTal
GuyTal

Reputation: 207

How to use one .js file for multiple .html pages using AngularJS

I have one function in a JS file which should ideally be used by multiple html pages. I don't want to duplicate this function to another file. Currently, my js file starts like this:

(function(){
     var app = angular.module('Project1', []);

and the first html that has been using this JS is obviously called Project1. I want 'Prject2' html to use this JS to, and I tried this:

(function(){
     var app = angular.module('Project1', 'Project2' []);

However, this doesn't work. Any idea of how I can utilize this AngularJS file for multiple html pages without duplicating the desired functions?

Upvotes: 0

Views: 687

Answers (2)

Code_Worm
Code_Worm

Reputation: 4470

simply add your js reference (and angular refrences) into both of your html pages do note that add them after adding angularjs references

Upvotes: 1

Jannik Rasmussen
Jannik Rasmussen

Reputation: 397

You can create your first module as you did in your first sample.

Your next sample can then use the 'Project1' by setting up a dependency to that module, like so:

var app = angular.module('Project2', ['Project1']);

Upvotes: 0

Related Questions