Can a module factory be invoked from a different JavaScript file?

Question

I have two separate javascript files and I am trying to retrieve one from another. To achieve this, I have created a Module factory as shown below;

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

 module.factory('$result', function() {
   var data = {something:"somewhere"};
   return data;
 });

Now, I want to call it from another file. Currently, I have set it up like this;

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

  module.controller('NearestController', function($test) {

    console.log(test);

  });

Could you please help me identify what I might be doing wrong? I am new to Angular and would appreciate any guidance.

Answer 1

Answer №1

This is the correct way to implement it...

const app = angular.module('exampleApp', []);

app.factory('Data', function() {
  let information = {property: "value"};
  return information;
});

You can use it like this:

const app = angular.module('myApplication', ['exampleApp']);

app.controller('MainController', function(Data) {

  console.log(Data);

});

Hopefully, everything will run smoothly.

Answer 2

This is the correct way to implement it...

const app = angular.module('exampleApp', []);

app.factory('Data', function() {
  let information = {property: "value"};
  return information;
});

You can use it like this:

const app = angular.module('myApplication', ['exampleApp']);

app.controller('MainController', function(Data) {

  console.log(Data);

});

Hopefully, everything will run smoothly.

Answer 3

Following the recommendations from feedback received, you can pass your dependencies as arguments in your controller function:

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

  app.controller('MainController', function($value) {

    console.log(dependency);

  });

Answer 4

Following the recommendations from feedback received, you can pass your dependencies as arguments in your controller function:

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

  app.controller('MainController', function($value) {

    console.log(dependency);

  });