afee8dbe7e
- Fixed HTML. - Removed unnecessary snippet since it is in the code. - Copyedit (Hero Property) -> (Hero property).
31 lines
659 B
Dart
31 lines
659 B
Dart
// #docregion pt1
|
|
import 'package:angular2/core.dart';
|
|
|
|
// #docregion hero-class-1
|
|
class Hero {
|
|
final int id;
|
|
String name;
|
|
|
|
Hero(this.id, this.name);
|
|
}
|
|
// #enddocregion hero-class-1
|
|
|
|
@Component(
|
|
selector: 'my-app',
|
|
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>'''
|
|
)
|
|
class AppComponent {
|
|
String title = 'Tour of Heroes';
|
|
// #docregion hero-property-1
|
|
Hero hero = new Hero(1, 'Windstorm');
|
|
// #enddocregion hero-property-1
|
|
}
|
|
// #enddocregion pt1
|