| <!DOCTYPE html> |
| <!-- |
| Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file |
| for details. All rights reserved. Use of this source code is governed by a |
| BSD-style license that can be found in the LICENSE file. |
| --> |
| |
| <html> |
| <body> |
| <template id="test" bind="{{ mouseDown | count }}"> |
| Clicks: {{ value }} |
| </template> |
| <script type="application/dart"> |
| import 'dart:async'; |
| import 'dart:html'; |
| import 'package:polymer_expressions/polymer_expressions.dart'; |
| import 'package:polymer_expressions/async.dart'; |
| import 'package:mdv/mdv.dart' as mdv; |
| import 'package:observe/observe.dart'; |
| |
| count(StreamBinding s) { |
| var box = new ObservableBox(); |
| box.value = 0; |
| s.stream.listen((e) { box.value++; }); |
| return box; |
| } |
| |
| main() { |
| mdv.initialize(); |
| |
| var globals = { |
| 'mouseDown': document.onMouseDown, |
| 'count': count, |
| }; |
| |
| query('#test') |
| ..bindingDelegate = new PolymerExpressions(globals: globals) |
| ..model = null; |
| } |
| </script> |
| <script src="packages/browser/dart.js"></script> |
| </body> |
| </html> |
