ad95b04e69
+ guide/pipes/ts: update docs and example code + guide/pipes/dart: new prose, updated example code + fix platform_directives reference; html cleanup + enable pipes e2e testing For `e2e-spec.js`: If the async test is executed too early it will fail (simply because the async message hasn’t been received yet). + follow new constants naming convention
33 lines
707 B
Dart
33 lines
707 B
Dart
// #docregion
|
|
import 'dart:async';
|
|
|
|
import 'package:angular2/angular2.dart';
|
|
|
|
@Component(
|
|
selector: 'hero-message',
|
|
template: '''
|
|
<h2>Async Hero Message and AsyncPipe</h2>
|
|
<p>Message: {{ message | async }}</p>
|
|
<button (click)="resend()">Resend</button>
|
|
''')
|
|
class HeroAsyncMessageComponent {
|
|
static const _msgEventDelay = const Duration(milliseconds: 500);
|
|
|
|
Stream<String> message;
|
|
|
|
HeroAsyncMessageComponent() {
|
|
resend();
|
|
}
|
|
|
|
void resend() {
|
|
message =
|
|
new Stream.periodic(_msgEventDelay, (i) => _msgs[i]).take(_msgs.length);
|
|
}
|
|
|
|
List<String> _msgs = <String>[
|
|
'You are my hero!',
|
|
'You are the best hero!',
|
|
'Will you be my hero?'
|
|
];
|
|
}
|