Simple Component

the-coming-of-age-of-angular-component.ts

import { Component } from '@angular/core';

import { Hero } from './hero';

@Component({
    selector: 'app-root',
    templateUrl: './Component.html',
    styleUrls : ['./Component.css']
})
export class AppComponent {
    title = 'Tour of Heroes';
    heroes = [
    new Hero(1, 'Windstorm'),
    new Hero(13, 'Bombasto'),
    new Hero(15, 'Magneta'),
    new Hero(20, 'Tornado')
    ];
    myHero = this.heroes[0];
}