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 |