Service cleanups...

runtime/observatory/lib/src/elements/instance_ref.html

 <link rel="import" href="../../../../packages/polymer/polymer.html">
 <link rel="import" href="curly_block.html">
 <link rel="import" href="observatory_element.html">
 <link rel="import" href="service_ref.html">
 
 <polymer-element name="instance-ref" extends="service-ref">
   <template>
     <link rel="stylesheet" href="css/shared.css">
     <style>
       .errorBox {
@@ skipping 46 matching lines @@
               </div>
             </template>
           </div>
         </curly-block>
       </template>
 
       <template if="{{ ref.isList }}">
         <a on-click="{{ goto }}" _href="{{ url }}"><em>{{ ref.clazz.name }}</em> ({{ ref.length }})</a>
         <curly-block callback="{{ expander() }}">
           <div class="memberList">
-            <template repeat="{{ element in ref.elements }}">
+            <template repeat="{{ index in ref.elements.asMap().keys }}">
               <div class="memberItem">
-                <div class="memberName">[{{ element['index']}}]</div>
+                <div class="memberName">[{{ index }}]</div>
                 <div class="memberValue">
-                  <any-service-ref ref="{{ element['value'] }}"></any-service-ref>
+                  <any-service-ref ref="{{ ref.elements[index] }}">
+                  </any-service-ref>
                 </div>
               </div>
             </template>
           </div>
         </curly-block>
       </template>
 
       <template if="{{ ref.isMap }}">
         <a on-click="{{ goto }}" _href="{{ url }}"><em>{{ ref.clazz.name }}</em> ({{ ref.length }})</a>
         <curly-block callback="{{ expander() }}">
@@ skipping 43 matching lines @@
               </div>
             </div>
           </div>
         </curly-block>
       </template>
     </span>
   </template>
 </polymer-element>
 
 <script type="application/dart" src="instance_ref.dart"></script>