26 lines
631 B
Dart
26 lines
631 B
Dart
// #docregion
|
|
import 'package:angular2/angular2.dart';
|
|
|
|
// #docregion little-tour
|
|
@Component(
|
|
selector: 'little-tour',
|
|
template: '''
|
|
<input #newHero
|
|
(keyup.enter)="addHero(newHero.value)"
|
|
(blur)="addHero(newHero.value); newHero.value='' ">
|
|
|
|
<button (click)=addHero(newHero.value)>Add</button>
|
|
|
|
<ul><li *ngFor="#hero of heroes">{{hero}}</li></ul>
|
|
''')
|
|
class LittleTourComponent {
|
|
List<String> heroes = ['Windstorm', 'Bombasto', 'Magneta', 'Tornado'];
|
|
|
|
void addHero(String newHero) {
|
|
if (newHero?.length > 0) {
|
|
heroes.add(newHero);
|
|
}
|
|
}
|
|
}
|
|
// #enddocregion little-tour
|