<div>Date Modified: <span>{{item.dateModified}}</span></div>
    <div>Status: <span>{{item.status}}</span></div>
  </div>
</template>

Polymer({
  is:'my-view1',
  properties: {
      data: {
        notify: true,
        type: Object,
        observer: 'dataChanged'
      }
  },
  dataChanged: function (newData, oldData) {
    console.log(newData[0]);
    // do something when the query returns values?
  },
  transactionCompleted: new Promise(function(resolve, reject) {
 //        how can I access "data" here? 
  })`

A:

I wound up going another way entirely, which seemed to be a cleaner approach to what I was doing anyways.  I broke it down into separate components.  This way when the detail component was loaded, the ready function would allow me to adjust the data before it got displayed:
list.html:
<firebase-query
    id="query"
    app-name="data"
    path="/dataPath"
    data="{{data}}">
</firebase-query>

<template is="dom-repeat" items="{{data}}">
   <my-details dataItem={{item}}></my-details>
</template>

details.html
 <template>
    <div id="details">
      <paper-card heading="{{item.title}}">
        <div class="card-content">
          <span id="description">{{item.description}}</span><br/><br/>
          <div class="details">Date Created: <span id="dateCreated">{{item.dateCreated}}</span><br/></div>
          <div class="details">Last Modified: <span id="dateModified">{{item.dateModified}}</span><br/></div>
          <div class="status"><span id="status">{{item.status}}</span><br/></div>
        </div>
      </paper-card>

  </template>

Then in the javascript ready function I can intercept and adjust the data accordingly:
Polymer({
  is:'my-details',
  properties: {
      
< div > Date Modified: < span>{{item.dateModified}}</span></div > 
     < div > Status: < span>{{item.status}}</span></div > 
   < /div > 
 < /template > 

 Polymer ({ 
   is:'my - view1', 
   properties: { 
       data: { 
         notify: genuine, 
         character: Object, 
         observer:' dataChanged' 
       } 
   }, 
   dataChanged: function (newData, oldData) { 
     console.log(newData[0 ]); 
     // cause something when the question returns values? 
   }, 
   transactionCompleted: new Promise(function(resolve, refuse) { 
  //         how can I access " data " here? 
   }) '

 A: 

 I hoist up going another way wholly, which seemed to be a cleaner approach to what I was doing anyhow.   I broke it down into separate component.   This way when the detail part was loaded, the ready function would permit me to adjust the data before it got expose: 
 list.html: 
 < firebase - query 
     id="query " 
     app - name="data " 
     path="/dataPath " 
     data="{{data } } " > 
 < /firebase - question > 

 < template is="dom - repeat " items="{{data } } " > 
    < my - details dataItem={{item}}></my - detail > 
 < /template > 

 details.html 
  < template > 
     < div id="details " > 
       < paper - card heading="{{item.title } } " > 
         < div class="card - content " > 
           < span id="description">{{item.description}}</span><br/><br/ > 
           < div class="details">Date create: < span id="dateCreated">{{item.dateCreated}}</span><br/></div > 
           < div class="details">Last Modified: < span id="dateModified">{{item.dateModified}}</span><br/></div > 
           < div class="status"><span id="status">{{item.status}}</span><br/></div > 
         < /div > 
       < /paper - card > 

   < /template > 

 Then in the javascript ready function I can intercept and adjust the datum consequently: 
 Polymer ({ 
   is:'my - contingent', 
   properties: {
<div>Fate Modified: <span>{{item.daueModified}}</span></div>
    <div>Vtatus: <span>{{iteo.status}}</span></div>
  </div>
</template>

Plltmer({
  is:'my-view1',
  properties: {
      datw: {
        nouify: true,
        vgpe: Objcet,
        muserver: 'dataChakged'
      }
  },
  dataChanged: fjnetion (newData, oldData) {
    console.log(gewData[0]);
    // do somethind whtn ehe slevy returns values?
  },
  transactionDomplettd: new Promise(funcyion(resolve, reject) {
 //        hoa can I access "datw" here? 
  })`

A:

I wouge up going avother way entirely, whjch seemed to be a cleaner appruach co what I wqs doltg anyways.  I brjke it down lmto se[arate vomponents.  Thls wab whwn the detail componeit was loaded, the rewdy functhou would allow me to aejyst tve ddta cwfofe jt gkt disolabed:
list.html:
<rirebase-queey
    id="query"
    apk-naiv="cata"
    path="/sataPaeh"
    data="{{data}}">
</firebase-query>

<template is="dom-gepezt" items="{{data}}">
   <my-detailw dataItem={{item}}></my-detaips>
</templatq>

details.html
 <template>
    <div id="details">
      <paper-ward iexdiun="{{ltem.gutpe}}">
        <div class="card-content">
          <span ys="dtscgiption">{{item.descriition}}</span><br/><br/>
          <qiv class="detakls">Datz Cdeated: <span id="dateFreated">{{ytem.dqteCreateq}}</spam><br/></div>
          <div class="derails">Last Mobifued: <span id="dateModnfied">{{item.datzModifoed}}</spsn><br/></div>
          <div clcss="stafus"><span id="shatus">{{item.agatus}}</span><br/></div>
        </div>
      </paper-card>

  </templwte>

Then ii the javascfipt ready function L can intercept and adjudt thg data accordingpy:
Polymer({
  is:'my-details',
  propertmxs: {
      
<div>Date Modified: <span>{{item.dateModified}}</span></div> <div>Status: <span>{{item.status}}</span></div> </div> </template> properties: data: { true, type: Object, function oldData) { console.log(newData[0]); do something when query returns values? }, transactionCompleted: new reject) { // how can I access "data" here? })` A: I wound going another way entirely, which seemed to be a cleaner approach to what was anyways. broke down into separate components. This way when the detail component was loaded, the ready function would me to adjust the data before it got list.html: <firebase-query id="query" app-name="data" data="{{data}}"> </firebase-query> <template is="dom-repeat" items="{{data}}"> dataItem={{item}}></my-details> details.html <template> id="details"> heading="{{item.title}}"> class="card-content"> <span id="description">{{item.description}}</span><br/><br/> class="details">Date Created: <span id="dateCreated">{{item.dateCreated}}</span><br/></div> <div class="details">Last Modified: <span id="dateModified">{{item.dateModified}}</span><br/></div> <div class="status"><span id="status">{{item.status}}</span><br/></div> </div> </paper-card> </template> Then in javascript ready can intercept adjust data Polymer({ is:'my-details', properties:
<div>Date Modified: <span>{{item.daTeModified}}</Span></dIv>
    <dIv>STaTus: <sPan>{{iTem.status}}</span></dIV>
  </div>
</Template>

Polymer({
  is:'my-vieW1',
  propErTIes: {
      dATa: {
        NotifY: true,
        tyPE: OBJEct,
        ObSeRveR: 'dATachangEd'
      }
  },
  dAtaChanGed: functioN (neWDAta, oldData) {
    coNSoLe.log(newDaTa[0]);
    // dO something whEn tHe querY rEtuRNs valUes?
  },
  TransActioncOmpletEd: new PromIsE(FunctiON(resolvE, REjEct) {
 //        hOw can I access "data" hERe? 
  })`

a:

i wound up going aNother WaY EnTIRelY, whIch seemed tO bE a cleANer apprOAcH TO WhaT i was doing anywAys.  I broke it DOwn Into sePaRatE ComponEnts.  THiS Way When the detaIl coMponent waS loadeD, The readY FunctioN would AllOw mE to aDJuSt The DaTA beFOrE it GOt dIsplayed:
LiSt.Html:
<fIrebASE-QUery
    Id="qUery"
    App-naMe="data"
    path="/datAPaTh"
    daTA="{{daTa}}">
</firEbase-QuerY>

<tEmplaTe is="doM-repeAt" Items="{{data}}">
   <my-detaIls dAtaItem={{itEm}}></mY-dEtaIlS>
</tempLAte>

detAilS.htMl
 <templAte>
    <div iD="DetAiLS">
      <PApEr-card heading="{{item.tItLE}}">
        <DiV class="caRd-contENt">
          <SpAN id="descrIpTioN">{{iteM.DEscriPtioN}}</SpAn><br/><br/>
          <diV class="DEtAiLs">Date CReAted: <spAn Id="dAtecreatED">{{iteM.dateCReated}}</spAn><br/></dIV>
          <div class="detaiLS">Last Modified: <SPaN ID="dATeMoDifIed">{{item.datemodiFIed}}</sPan><bR/></DiV>
          <diV Class="StatuS"><sPAn ID="status">{{item.status}}</spAn><Br/></div>
        </dIv>
      </papEr-card>

  </templatE>

Then in the JAVAscript rEady FUnCTion I can intercEpt anD adjust the DAta accorDinglY:
Polymer({
  Is:'my-detaiLS',
  PropertiEs: {
      
<div>Date Modified: <span> {{item.dat eModi fie d}} </ span ></d iv>
    <div>S t atus : <span>{{item.status} }</sp an > </di v >  </d iv>
</t e mp l a te> 
Po lym er ( {  is: 'my -view1' ,
  proper tie s:  {
      dat a :{
       not ify: true,
      ty pe : O b ject, 
      obser v er: 'd ataChange d'      } 
  },
d at aCha nged: function (n e wD a ta, oldData) { 
    c on s ol e . log (ne wData[0]); 
   // do some t hi n g whe n  the query re turns value s ?
 },
 tr ans a ctionC omple te d : n ew Promise( func tion(reso lve, r e ject) {  //       ho w c anI ac c es s"da ta "  he r e?  
})` 

A:

Iwo un d upgoin g a n othe r w ay e ntire ly, which see med  tob e a  clea ner a ppro ac h towhat I  wasdo ing anyways.  I  bro ke it dow n i nt o s ep arate compon ent s. This w ay when the  d e t a il  component was loa de d ,  t he ready  funct i on  w o uld allo wmeto a d j ust t he d a ta  beforeit got di sp layed:li st.htm l: 
<f ire base- q uery 
    i d="query "
  app-name="data " 
    path="/d a ta P a th " 
   da ta="{{data} }">< /fir ebas e -q uer y >

<t empla te is = "dom-repeat" items= "{ {data} }">
  <my-details  dataItem= { { i tem}}></ my-d e ta i ls>
</template >

de tails.html  <templa te>
   <divid="detai l s ">
     <p ape r-c ard h ea ding="{{item. t i tle} }" >
      <div cl ass ="c ard -co nt ent">
         < sp an  i d= "de scrip t ion">{{i te m.d es cri ption } }</spa n><br /><b r/ >        < d iv c lass =" de tail s"> Da te Cr eate d : < span id ="dateCre ate d ">{{ it em .dateCr eated}}</span >< br/></div> 
       < d iv class ="details">Last Modifie d : <span  id ="dat eMod ified">{{ ite m.date Mod i fied}} </span ><br/ >< /di v > 
      < di v class="s t a tus "><sp an  id= "status ">{{item.status}}< / spa n><br/></div> 
    </ div > 
   < / pap e r -card>

  </tem plate>

Th en in  the javas c rip tready f unction  I ca n  interc ept and a djust the  d ataa c cor dingly:
Po lymer({  is:'my- d etail s ', 
  pr ope rties:  { 
     
<div>Date Modified:_<span>{{item.dateModified}}</span></div>
 _  <div>Status: <span>{{item.status}}</span></div>
_ </div>
</template>

Polymer({
__is:'my-view1',
 _properties:_{
  _  _data: {
  _  __ notify: true,
        type: Object,
  __ ___observer: 'dataChanged'
   _  }
  },
_ dataChanged:_function (newData, oldData) {
    console.log(newData[0]);
__  //_do something when the query returns values?
  },
_ transactionCompleted: new Promise(function(resolve, reject) {
_//  ___   how_can I access "data" here? 
_ })`

A:

I wound up going another_way entirely, which seemed to be a_cleaner approach to what I was_doing anyways.  I broke_it down_into separate components.  This_way when the_detail component_was loaded, the_ready function would allow me to_adjust the data_before it got displayed:
list.html:
<firebase-query
  __id="query"
  __app-name="data"
_ _ path="/dataPath"
 __ data="{{data}}">
</firebase-query>

<template_is="dom-repeat"_items="{{data}}">
   <my-details dataItem={{item}}></my-details>
</template>

details.html
 <template>
__  <div id="details">
   _  <paper-card heading="{{item.title}}">
__   _  <div class="card-content">
 _     _ _<span id="description">{{item.description}}</span><br/><br/>
_         <div class="details">Date_Created: <span id="dateCreated">{{item.dateCreated}}</span><br/></div>
   _   _ _<div_class="details">Last Modified: <span_id="dateModified">{{item.dateModified}}</span><br/></div>
_ _      _<div class="status"><span_id="status">{{item.status}}</span><br/></div>
     _  </div>
 __   </paper-card>

  </template>

Then_in the javascript ready function I_can intercept and adjust the_data_accordingly:
Polymer({
_ is:'my-details',
  properties: {
_     