fffhf.ts

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

export class Hero {
    id: number;
    name: string;
}

@Component({
    template:`
        <h1>{{title}}</h1>
        <h2>{{hero.name}} details!</h2>
        <div><label>id: </label>{{hero.id}}</div>
        <div>
            <label>name: </label>
            <input [(ngModel)]="hero.name" placeholder="name">
        </div>
        `,
    moduleId: module.id,
    selector: 'basemodel-angular-app',
    templateUrl: 'basemodel-angular.component.html',
    styleUrls: ['basemodel-angular.component.css']
})

export class BasemodelAngularAppComponent {

    title = 'Tour of Heros';
    hero: Hero = {
        id: 1,
        name: 'Windstorm'
    }
};