@unifiedfactory/ng-metadata/docs/recipes/service.md

Angular 2 decorators and utils for Angular 1.x

# Service

Service is just pure `ES2015 class` with `@Injectable()` decorator, registered via `@NgModule/@Component` `providers` metadata or legacy `angular.service` using `provide` (deprecated).

**ES5**

```js
// user.service.js

angular.module('user')
  .service('userSvc',User);

User.$inject = ['$http'];
function User($http){

  this.hobbies = [];
  this.addHobby=function(name){
     this.hobbies.push(name);
  }

  this.getInfo = function(){
    return $http.get('/foo/bar/info')
      .then(function(response){
         return response.data;
      });
  }

}
```

```js
// user.module.js

angular.module('user',[]);
```

**TS + ng-metadata**

```typescript
// user.service.ts
import { Inject, Injectable } from 'ng-metadata/core';

@Injectable()
export class UserService{

  hobbies: string[] = [];

  constructor( @Inject('$http') private $http: ng.IHttpService ){}

  addHobby(name: string){
     this.hobbies.push(name);
  }

  getInfo(){
    return this.$http.get('/foo/bar/info')
      .then((response)=>response.data);
  }

}
```

```typescript
// user.component.ts
import { Component } from 'ng-metadata/core';

import { UserService } from './user.service';

@Component({
  selector:'my-user',
  providers: [ UserService ],
  template: `...`
})
export class UserComponent{}
```

---

**(DEPRECATED) TS + ng-metadata using provide**

```typescript
// user.service.ts
import { Inject, Injectable } from 'ng-metadata/core';

@Injectable()
export class UserService {

  hobbies: string[] = [];

  constructor( @Inject('$http') private $http: ng.IHttpService ){}

  addHobby(name: string){
     this.hobbies.push(name);
  }

  getInfo(){
    return this.$http.get('/foo/bar/info')
      .then((response)=>response.data);
  }

}
```

```typescript
// user.module.ts
import * as angular from 'angular';
import { provide } from 'ng-metadata/core';
import { UserService } from './user.service';

angular.module('user',[])
  .service( ...provide( UserService ) );
```