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 <head> | |
10 <title>example</title> | |
11 <style> | |
12 .jname { | |
13 background: #faa; | |
14 } | |
15 .fname { | |
16 border: solid 1px #88f; | |
17 } | |
18 </style> | |
19 </head> | |
20 | |
21 <body> | |
22 <template id="test" bind> | |
23 <h1>Polymer Expression Syntax</h1> | |
24 <label> first name: <input value="{{ firstName }}"></label> | |
25 <label> last name: <input value="{{ lastName }}"></label> | |
26 <div>Hello {{ getFullName() }}!</div> | |
27 <div>{{ firstName }} {{ lastName }}</div> | |
28 <div> | |
29 <h2>Iteration</h2> | |
30 <ul> | |
31 <template repeat="{{ item in items.take(2) }}"> | |
32 <li>{{ item }}</li> | |
33 </template> | |
34 </ul> | |
35 <ul> | |
36 <template repeat="{{ people }}"> | |
37 <li class="{{ {'jname': firstName.startsWith('J'), | |
38 'fname': lastName.startsWith('F')} }}"> | |
39 {{ firstName }} {{ lastName }} | |
40 </li> | |
41 <ul> | |
42 <template repeat="{{ item in items }}"> | |
43 <li checked?="{{ item == 'A'}}">{{ firstName }} {{ item }}</li> | |
44 </template> | |
45 </ul> | |
46 </template> | |
47 </ul> | |
48 </div> | |
49 </template> | |
50 | |
51 <template id="test2" bind> | |
52 <h1>Default Syntax</h1> | |
53 <label> first name: <input value="{{ firstName }}"></label> | |
54 <label> last name: <input value="{{ lastName }}"></label> | |
55 </template> | |
56 | |
57 <script type="application/dart" src="example.dart"></script> | |
58 <script src="packages/browser/dart.js"></script> | |
59 </body> | |
60 </html> | |
OLD | NEW |