Javascript outside angular js

Question

In Angular JS instead of using the service in a module, can I create Javascript functions outside the controller and call it when I want to?

For example:

var UrlPath="http://www.w3schools.com//angular//customers.php"
//this will contain all your functions
 function testing_Model ($http){
 var self=this;

 self.getRecords=function(){
 $http({
  Method:'GET',
  URL: UrlPath,
 }).success(function(data){
  self.record=data.records;
});

}
self.getRecords();
}

angular.module("myApp", []);
app.controller('myController', function ($scope, $http) {
$scope.testing_Model = new testing_Model();}

When I run the code above, it says "$http is not a function".

Thanks in advance.

smnbbrv · Accepted Answer · 2015-07-08 09:09:48Z

1

You need to pass $http to this function...

$scope.testing_Model = new testing_Model($http);

Although it will work it obviously goes against the idea of Angular. You must inject your function as a service in your controller to write testable code, track dependencies and just respect other developers who will be going to support your project later.

answered Jul 8, 2015 at 9:09

smnbbrv

24.7k9 gold badges85 silver badges115 bronze badges

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

1 Comment

smnbbrv Over a year ago

yes, they definitely will, but please note that a service is a singleton, meanwhile your functions is a class-like. You can make this function e.g. be a part of service, e.g. you will need to call it like new myService. testing_Model(). The good thing is that $http service will be injected in your service only as long as you don't need it in your controller (some kind of encapsulation).

Collectives™ on Stack Overflow

Javascript outside angular js

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related