20 lines
520 B
TypeScript
20 lines
520 B
TypeScript
import { Component, OnInit } from '@angular/core';
|
|
|
|
import { HeroCollectorService } from './shared/hero-collector.service';
|
|
import { Hero } from './shared/hero.model';
|
|
|
|
@Component({
|
|
selector: 'sg-app',
|
|
template: '<div>Our hero is {{hero.name}} and {{hero.power}}</div>',
|
|
providers: [HeroCollectorService]
|
|
})
|
|
export class AppComponent implements OnInit {
|
|
hero: Hero;
|
|
|
|
constructor(private heroCollectorService: HeroCollectorService) { }
|
|
|
|
ngOnInit() {
|
|
this.hero = this.heroCollectorService.getHero();
|
|
}
|
|
}
|