如何嵌套2個或更多的火力點元素？

我在firebase中擁有以下結構，並且試圖獲取用戶客戶的名稱。如何嵌套2個或更多的火力點元素？

此代碼不顯示任何名字，它甚至崩潰的Chrome檢查，我想，我的問題是因爲第二火力點元件由之前異步使用client.__firebaseKey__。

Polymer文檔有一個page通知如何同步呈現元素，但它不起作用。

  <template is="dom-bind"> 
       <firebase-collection 
       location="https://periodiza.firebaseio.com/user/-KHkue7mLaVe1b_bO3Zb/clients" 
       data="{{clients}}" 
       ></firebase-collection> 
       <template is="dom-repeat" items="[[clients]]" as="client"> 
       <firebase-document 
        location="https://periodiza.firebaseio.com/user/{{client.__firebaseKey__}}/name" 
        data="{{clientName}}" 
       ></firebase-document> 
       <a class="paper-item-link"> 
        <paper-item raised>[[clientName]]</paper-item> 
       </a> 
       </template> 
      </template>

來源

2016-05-15 Jp_

您是否已通過firebase_auth登錄？我無法訪問您的收藏。 – getbuckts

我不確定這是公開的，您應該可以通過API訪問它，而不是通過Firebase網站訪問。 –

由於新的Firebase API支持[多登錄方法]（https://firebase.google.com/docs/auth/web/account-linking），因此我的數據庫會有所變化。 –

我設法做到這一點，但我懷疑是不是因爲我沒有使用任何的firebase-element的最佳解決方案。而且我可能會遇到更多問題，因爲我在本地聲明瞭我的基地Firebase()引用，我仍然需要獲取登錄的用戶。

<link rel="import" href="../../bower_components/polymer/polymer.html"> 
<link rel="import" href="../../bower_components/firebase-element/firebase.html"> 

<dom-module id="client-list"> 
    <template> 
    <template is="dom-repeat" items="{{clients}}"> 
     <a class="paper-item-link"> 
     <paper-item raised>cliente {{item.name}}</paper-item> 
     </a> 
    </template> 
    </template> 
    <script> 
    function updateClients(context){ 
     var base = new Firebase("https//periodiza.firebaseio.com/user") 

     base.child("-KHkue7mLaVe1b_bO3Zb").child("clients").on("value", snapshot => { 
     context.clients = [] 
     for(key in snapshot.val()){ 
      base.child(key).once("value", snapshot => { 
      context.push('clients', snapshot.val()) 
      }) 
      base.child(key).once("child_changed", snapshot => { 
      updateClients(context) 
      }) 
     } 
     }) 
    } 

    Polymer({ 
     is: 'client-list', 

     ready: function(){ updateClients(this) } 
    }) 
    </script> 
</dom-module>

我決定使用I自定義元素，我不確定提供的firebase元素是否用於連接像這樣的文檔。

來源

2016-05-17 19:44:03

如何嵌套2個或更多的火力點元素？

回答

相關問題