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 |