| 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" repeat="{{ keyPress | collect }}"> | |
| 11 <div>key: {{ }}</div> | |
| 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 Iterable collect(StreamBinding s) { | |
| 22 var list = new ObservableList(); | |
| 23 s.stream.listen((e) { list.add(e); }); | |
| 24 return list; | |
| 25 } | |
| 26 | |
| 27 main() { | |
| 28 var globals = { | |
| 29 'keyPress': document.onKeyPress | |
| 30 .map((e) => new String.fromCharCode(e.charCode)), | |
| 31 'collect': collect, | |
| 32 }; | |
| 33 | |
| 34 templateBind(querySelector('#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 |