54 lines
1.3 KiB
TypeScript
54 lines
1.3 KiB
TypeScript
// #docregion show-hero
|
|
template: '<h1>{{title}}</h1><h2>{{hero}} details!</h2>'
|
|
// #enddocregion show-hero
|
|
|
|
// #docregion show-hero-2
|
|
template: '<h1>{{title}}</h1><h2>{{hero.name}} details!</h2>'
|
|
// #enddocregion show-hero-2
|
|
|
|
// #docregion show-hero-properties
|
|
template: '<h1>{{title}}</h1><h2>{{hero.name}} details!</h2><div><label>id: </label>{{hero.id}}</div><div><label>name: </label>{{hero.name}}</div>'
|
|
// #enddocregion show-hero-properties
|
|
|
|
// #docregion multi-line-strings
|
|
template:`
|
|
<h1>{{title}}</h1>
|
|
<h2>{{hero.name}} details!</h2>
|
|
<div><label>id: </label>{{hero.id}}</div>
|
|
<div><label>name: </label>{{hero.name}}</div>
|
|
`
|
|
// #enddocregion multi-line-strings
|
|
|
|
// #docregion editing-Hero
|
|
template:`
|
|
<h1>{{title}}</h1>
|
|
<h2>{{hero.name}} details!</h2>
|
|
<div><label>id: </label>{{hero.id}}</div>
|
|
<div>
|
|
<label>name: </label>
|
|
<div><input value="{{hero.name}}" placeholder="name"></div>
|
|
</div>
|
|
`
|
|
// #enddocregion editing-Hero
|
|
|
|
// #docregion app-component-1
|
|
export class AppComponent {
|
|
public title = 'Tour of Heroes';
|
|
public hero = 'Windstorm';
|
|
}
|
|
// #enddocregion app-component-1
|
|
|
|
// #docregion hero-interface-1
|
|
interface Hero {
|
|
id: number;
|
|
name: string;
|
|
}
|
|
// #enddocregion hero-interface-1
|
|
|
|
// #docregion hero-property-1
|
|
public hero: Hero = {
|
|
id: 1,
|
|
name: 'Windstorm'
|
|
};
|
|
// #enddocregion hero-property-1
|