如何使用AngularJS将一个.js文件用于多个.html页面

Question

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?

Answer 1

只需将您的js参考（和角度引用）添加到两个html页面中，请注意，在添加angularjs参考后添加它们

Answer 2

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']);