I have a JS library with some functions like this:
function TestService() {
}
TestService.init = function() {
------
}
TestService.foo = function() {
--------------
}
Now this is an old library and would like to use these functions in angular code. Is there a way we can wrap it up as service/factory and use it properly? Appreciate help in advance.
If your class is designed to be instantiated with new, just pass it to .service:
app.service('testService', TestService);
Angular will call new on it once to create a singleton.
Edit:
I thought your question had an error and the functions were really supposed to be assigned to the prototype.
If you just need that function, return it using a factory or constant:
app.factory('testService', function() {
return TestService:
});
Or:
app.constant('testService', TestService);
.factory and .service. When you use .factory you have to pass it a function that returns an object. When you use .service you pass it a constructor function on which it will call new.
Yes of course :
// trying to gimmick your library
function test() {}
test.prototype.hey = function() {
alert('hey');
}
test.prototype.hoy = function() {
alert('hoy');
}
app.factory('testFactory', function() {
// that's where your using your library
return new test();
});
And then use it in controller :
// controller function
function HelloCtrl($scope, testFactory) {
testFactory.hey();
}
try it :
You can use returning class from angular.factory:
class TestService {
constructor() {
console.log('instance initialized');
}
static init() {
console.log('static init')
}
static foo() {
console.log('static foo');
}
}
angular.module('app', [])
.factory('TestService', () => TestService)
.run((TestService) => {
new TestService();
TestService.init();
TestService.foo();
})<script src="https://code.angularjs.org/1.6.2/angular.js"></script>
<div ng-app="app"></div>
class help? It does not appear as though the AngularJS syntax would differ between the two...