OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <!-- |
| 3 Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file |
| 4 for details. All rights reserved. Use of this source code is governed by a |
| 5 BSD-style license that can be found in the LICENSE file. |
| 6 --> |
| 7 |
| 8 <html> |
| 9 <body> |
| 10 <template id="test" bind="{{ mouseDown | count }}"> |
| 11 Clicks: {{ value }} |
| 12 </template> |
| 13 <script type="application/dart"> |
| 14 import 'dart:async'; |
| 15 import 'dart:html'; |
| 16 import 'package:polymer_expressions/polymer_expressions.dart'; |
| 17 import 'package:polymer_expressions/async.dart'; |
| 18 import 'package:template_binding/template_binding.dart'; |
| 19 import 'package:observe/observe.dart'; |
| 20 |
| 21 count(StreamBinding s) { |
| 22 var box = new ObservableBox(); |
| 23 box.value = 0; |
| 24 s.stream.listen((e) { box.value++; }); |
| 25 return box; |
| 26 } |
| 27 |
| 28 main() { |
| 29 var globals = { |
| 30 'mouseDown': document.onMouseDown, |
| 31 'count': count, |
| 32 }; |
| 33 |
| 34 templateBind(query('#test')) |
| 35 ..bindingDelegate = new PolymerExpressions(globals: globals) |
| 36 ..model = null; |
| 37 } |
| 38 </script> |
| 39 <script src="packages/browser/dart.js"></script> |
| 40 </body> |
| 41 </html> |
OLD | NEW |