| OLD | NEW |
| 1 <!-- | 1 <!-- |
| 2 // Copyright 2015 The Chromium Authors. All rights reserved. | 2 // Copyright 2015 The Chromium Authors. All rights reserved. |
| 3 // Use of this source code is governed by a BSD-style license that can be | 3 // Use of this source code is governed by a BSD-style license that can be |
| 4 // found in the LICENSE file. | 4 // found in the LICENSE file. |
| 5 --> | 5 --> |
| 6 <sky> | 6 <sky> |
| 7 <import src="/sky/framework/sky-element/sky-element.sky" as="SkyElement" /> | 7 <import src="/sky/framework/sky-element/sky-element.sky" as="SkyElement" /> |
| 8 <import src="/sky/framework/sky-scrollable.sky" /> | 8 <import src="/sky/framework/sky-scrollable.sky" /> |
| 9 <import src="data/cities.sky" as="cities" /> | 9 <import src="data/cities.sky" as="cities" /> |
| 10 | 10 |
| (...skipping 14 matching lines...) Expand all Loading... |
| 25 <template repeat="{{ cities }}"> | 25 <template repeat="{{ cities }}"> |
| 26 <template> | 26 <template> |
| 27 <div>{{ name }}</div> | 27 <div>{{ name }}</div> |
| 28 </template> | 28 </template> |
| 29 </template> | 29 </template> |
| 30 </sky-scrollable> | 30 </sky-scrollable> |
| 31 </template> | 31 </template> |
| 32 <script> | 32 <script> |
| 33 module.exports = class extends SkyElement { | 33 module.exports = class extends SkyElement { |
| 34 created() { | 34 created() { |
| 35 this.cities = cities; | 35 this.cities = cities.slice(0, 300); |
| 36 } | 36 } |
| 37 }.register(); | 37 }.register(); |
| 38 </script> | 38 </script> |
| 39 </sky-element> | 39 </sky-element> |
| 40 | 40 |
| 41 <example-scrollable /> | 41 <example-scrollable /> |
| 42 </sky> | 42 </sky> |
| OLD | NEW |