OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <!-- | 2 <!-- |
3 Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file | 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 | 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. | 5 BSD-style license that can be found in the LICENSE file. |
6 --> | 6 --> |
7 <html> | 7 <html> |
8 <!--polymer-test: this comment is needed for test_suite.dart--> | 8 <!--polymer-test: this comment is needed for test_suite.dart--> |
9 <head> | 9 <head> |
10 <title>bind simple</title> | 10 <title>bind simple</title> |
| 11 <script src="packages/web_components/platform.js"></script> |
| 12 <script src="packages/web_components/dart_support.js"></script> |
11 <link rel="import" href="packages/polymer/polymer.html"> | 13 <link rel="import" href="packages/polymer/polymer.html"> |
12 <script src="/root_dart/tools/testing/dart/test_controller.js"></script> | 14 <script src="/root_dart/tools/testing/dart/test_controller.js"></script> |
13 </head> | 15 </head> |
14 <body> | 16 <body> |
15 <x-foo></x-foo> | 17 <x-foo></x-foo> |
16 | 18 |
17 <polymer-element name="x-bar"> | 19 <polymer-element name="x-bar"> |
18 <template> | 20 <template> |
19 x-bar | 21 x-bar |
20 </template> | 22 </template> |
21 </polymer-element> | 23 </polymer-element> |
22 | 24 |
23 <polymer-element name="x-foo"> | 25 <polymer-element name="x-foo"> |
24 <template> | 26 <template> |
25 <div id="foo" foo="{{foo}}"></div> | 27 <div id="foo" foo="{{foo}}"></div> |
26 <div id="bool" foo?="{{foo}}"></div> | 28 <div id="bool" foo?="{{foo}}"></div> |
27 <div id="content">{{foo}}</div> | 29 <div id="content">{{foo}}</div> |
28 <x-bar id="bar" foo="{{foo}}" ></x-bar> | 30 <x-bar id="bar" foo="{{foo}}" ></x-bar> |
29 <x-bar id="barBool" foo?="{{foo}}"></x-bar> | 31 <x-bar id="barBool" foo?="{{foo}}"></x-bar> |
30 <x-bar id="barContent">{{foo}}</x-bar> | 32 <x-bar id="barContent">{{foo}}</x-bar> |
31 <div id="bindId"> | 33 <div id="bindId"> |
32 <template if="{{$['bar'].testValue}}">bar!</template> | 34 <template if="{{$['bar'].testValue}}">bar!</template> |
33 </div> | 35 </div> |
34 </template> | 36 </template> |
35 </polymer-element> | 37 </polymer-element> |
36 | 38 |
37 <script type="application/dart" src="bind_test.dart"></script> | 39 <script type="application/dart" src="bind_test.dart"></script> |
38 </body> | 40 </body> |
39 </html> | 41 </html> |
OLD | NEW |