44 lines
884 B
Dart
44 lines
884 B
Dart
|
// #docplaster
|
||
|
|
// #docregion final
|
||
|
|
library displaying_data.app_component;
|
||
|
|
|
||
|
|
// #docregion imports
|
||
|
|
import 'package:angular2/angular2.dart';
|
||
|
|
// #enddocregion imports
|
||
|
|
import 'package:displaying_data/hero.dart';
|
||
|
|
|
||
|
|
final List<Hero> _heroes = [
|
||
|
|
new Hero(1, 'Windstorm'),
|
||
|
|
new Hero(13, 'Bombasto'),
|
||
|
|
new Hero(15, 'Magneta'),
|
||
|
|
new Hero(20, 'Tornado')
|
||
|
|
];
|
||
|
|
|
||
|
|
@Component(
|
||
|
|
selector: 'my-app',
|
||
|
|
template: '''
|
||
|
|
<h1>{{title}}</h1>
|
||
|
|
<h2>My favorite hero is: {{myHero.name}}</h2>
|
||
|
|
<p>Heroes:</p>
|
||
|
|
<ul>
|
||
|
|
<li *ngFor="#hero of heroes">
|
||
|
|
{{ hero.name }}
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<!--#docregion message-->
|
||
|
|
<p *ngIf="heroes.length > 3">There are many heroes!</p>
|
||
|
|
<!--#enddocregion message-->
|
||
|
|
''')
|
||
|
|
class AppComponent {
|
||
|
|
String title = 'Tour of Heroes';
|
||
|
|
List<Hero> heroes = _heroes;
|
||
|
|
Hero myHero = _heroes[0];
|
||
|
|
}
|
||
|
|
//#enddocregion final
|
||
|
|
/*
|
||
|
|
// #docregion final
|
||
|
|
|
||
|
|
bootstrap(AppComponent);
|
||
|
|
//#enddocregion final
|
||
|
|
*/
|