write-AngularJS-ES6-component-angular2-like-part3.js

// Angular2

import {Component, Input} from 'angular2/core';
import {$service1} from './service1';
import {$service2} from './service1';

@Component({
  selector    : 'demo-directive',
  providers   : [$service1, $service2],
  template    : `
		<div>
		  <h1>
		    {{title}}
		  </h1>
		  <p>
		    {{demoAttr1}}
		  </p>
		  <p>
		    {{demoAttr2}}
		  </p>		  
		</div>
  `,
  styles   : [``]
})
export class AppQuizEnd  {
  @Input() demoAttr1: string;
  @Input() demoAttr2: string;
  
  public myData: any;
  
  constructor(service1: $service1, service2: $service2) {
    this.init();
  }

  public init(): void {
    this.title = this.service1.getTitle(); 
  }
  
}