40 lines
931 B
Dart
40 lines
931 B
Dart
// #docplaster
|
|
// #docregion , imports
|
|
import 'dart:async';
|
|
|
|
import 'package:angular2/core.dart';
|
|
// #docregion import-router
|
|
import 'package:angular2/router.dart';
|
|
// #enddocregion import-router
|
|
|
|
import 'hero.dart';
|
|
import 'hero_service.dart';
|
|
// #enddocregion imports
|
|
|
|
// #docregion metadata
|
|
@Component(
|
|
selector: 'my-dashboard',
|
|
templateUrl: 'dashboard_component.html',
|
|
// #enddocregion metadata
|
|
// #docregion css
|
|
styleUrls: const ['dashboard_component.css'],
|
|
// #enddocregion css
|
|
// #docregion metadata
|
|
directives: const [ROUTER_DIRECTIVES],
|
|
)
|
|
// #enddocregion metadata
|
|
// #docregion class
|
|
class DashboardComponent implements OnInit {
|
|
List<Hero> heroes;
|
|
|
|
// #docregion ctor
|
|
final HeroService _heroService;
|
|
|
|
DashboardComponent(this._heroService);
|
|
// #enddocregion ctor
|
|
|
|
Future<Null> ngOnInit() async {
|
|
heroes = (await _heroService.getHeroes()).skip(1).take(4).toList();
|
|
}
|
|
}
|