| 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 |