Angular 1 vs Angular 2 Component Dependency Injection

angular1-v-angular2-component-dependency-injection.js

// Angular 1
import NumberService from './path/to/number-service';

const module = angular.module('myModule', []);
module.service('NumberService', () => NumberService);
module.component('myComponent', {
  controller: ['NumberService', function (numberService) {
    this.value = numberService.random(1, 100);
  },
  template: `
    <div>{{$ctrl.value}}</div>
  `
});

/***************************************************************/

// Angular 2
import {Component, Output, EventEmitter} from '@angular/core';
import NumberService from './path/to/number-service';

@Component({
  selector: 'my-component',
  providers: [
    NumberService
  ],
  template: `
    <div>{{value}}</div>
  `
})
class MyComponent {
  value: number;
  constructor (private numberService: NumberService) {
    this.value = numberService.randomNumber(1, 100);
  }
}