Service

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

ES5

// 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;
      });
  }

}

// user.module.js

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

TS + ng-metadata

// 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);
  }

}

// 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

// 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);
  }

}

// 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 ) );