platform/packages/jael/jael_web/example/stateful.dart
2021-06-20 20:37:20 +08:00

32 lines
651 B
Dart

import 'dart:async';
import 'package:jael_web/jael_web.dart';
part 'stateful.g.dart';
void main() {}
class _AppState {
final int? ticks;
_AppState({this.ticks});
_AppState copyWith({int? ticks}) {
return _AppState(ticks: ticks ?? this.ticks);
}
}
@Jael(template: '<div>Tick count: {{state.ticks}}</div>')
class StatefulApp extends Component<_AppState> with _StatefulAppJaelTemplate {
Timer? _timer;
StatefulApp() {
state = _AppState(ticks: 0);
_timer = Timer.periodic(Duration(seconds: 1), (t) {
setState(state.copyWith(ticks: t.tick));
});
}
@override
void beforeDestroy() {
_timer!.cancel();
}
}