f06398cd89
* docs(toh-6/dart): first edition of prose and example code NOTE: this PR depends on #1686. Dart prose and example match TS except that: - No child-to-parent event emission occurs. - Support for Add Hero is added as an unconditional feature of the Heroes view. - http `_post` takes only a name - http `delete` takes only a hero id. - The Dart in-memory-data-service has been dropped in favor of an implementation based on the "standard" `http.testing.MockClient` class. * post-review changes
48 lines
1.0 KiB
Dart
48 lines
1.0 KiB
Dart
// #docplaster
|
|
// #docregion
|
|
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';
|
|
|
|
@Component(
|
|
selector: 'my-dashboard',
|
|
// #docregion template-url
|
|
templateUrl: 'dashboard_component.html',
|
|
// #enddocregion template-url
|
|
// #docregion css
|
|
styleUrls: const ['dashboard_component.css']
|
|
// #enddocregion css
|
|
)
|
|
// #docregion component
|
|
class DashboardComponent implements OnInit {
|
|
List<Hero> heroes;
|
|
|
|
// #docregion ctor
|
|
final Router _router;
|
|
final HeroService _heroService;
|
|
|
|
DashboardComponent(this._heroService, this._router);
|
|
|
|
// #enddocregion ctor
|
|
|
|
Future<Null> ngOnInit() async {
|
|
heroes = (await _heroService.getHeroes()).skip(1).take(4).toList();
|
|
}
|
|
|
|
// #docregion goto-detail
|
|
void gotoDetail(Hero hero) {
|
|
var link = [
|
|
'HeroDetail',
|
|
{'id': hero.id.toString()}
|
|
];
|
|
_router.navigate(link);
|
|
}
|
|
// #enddocregion goto-detail
|
|
}
|