Wire in more-real stock data for stocks example.

sky/examples/stocks/stocks.sky

 <!--
 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 -->
 <import src="/sky/framework/sky-drawer.sky" />
 <import src="/sky/framework/sky-element.sky" />
 <import src="/sky/framework/sky-scrollable.sky" />
-<import src="stock.sky" />
+<import src="stock.sky" as='view'/>
+<import src='companylist.sky' as='model'/>
 
 <sky-element>
 <template>
   <style>
     :host {
       display: flex;
       flex-direction: column;
       height: -webkit-fill-available;
     }
     sky-drawer {
@@ skipping 31 matching lines @@
       background-color: green;
     }
   </style>
   <sky-drawer id="drawer">
     I am drawer
   </sky-drawer>
   <sky-toolbar>
     <div id="menu" />
     I am a stocks app
   </sky-toolbar>
-  <sky-scrollable>
-    <stock ticker="GOOG" />
-    <stock ticker="GOOGL" />
-    <stock ticker="GOOG" />
-    <stock ticker="GOOG" />
-    <stock ticker="GOOG" />
-    <stock ticker="GOOG" />
-    <stock ticker="GOOG" />
-    <stock ticker="GOOG" />
-    <stock ticker="GOOG" />
-    <stock ticker="GOOG" />
-    <stock ticker="GOOG" />
-    <stock ticker="GOOG" />
-    <stock ticker="GOOG" />
-    <stock ticker="GOOG" />
-    <stock ticker="GOOG" />
-    <stock ticker="GOOG" />
-    <stock ticker="GOOG" />
-    <stock ticker="GOOG" />
-    <stock ticker="GOOG" />
-    <stock ticker="GOOG" />
-    <stock ticker="GOOG" />
+  <sky-scrollable id='stock_list'>
   </sky-scrollable>
 </template>
 <script>
 import "dart:sky";
 
 @Tagname('stocks')
 class Stocks extends SkyElement {
   Element _drawer;
 
   void shadowRootReady() {
     _drawer = shadowRoot.getElementById('drawer');
     Element menu = shadowRoot.getElementById('menu');
     menu.addEventListener('click', _handleMenuClick);
+    populateStockList();
+  }
+
+  void populateStockList() {
+    Element stockList = shadowRoot.getElementById('stock_list');
+    // Limit to first 100 to avoid taking seconds to load.
+    for (var i = 0; i < 100; i++) {
+      model.Stock stock = model.oracle.stocks[i];
+      stockList.appendChild(new view.Stock()..ticker = stock.symbol);
+    }
   }
 
   void _handleMenuClick(_) {
     _drawer.toggle();
   }
 }
 
 _init(script) => register(script, Stocks);
 </script>
 </sky-element>