ポリマー - 親から要素を取得

Question

私はfirebaseでログインするアプリを持っています。私はこのためにpolymerfireを使用しています。 my-appこれらの子供を持っています：statusKnownと

<firebase-app 
    auth-domain="my-app-ID.firebaseapp.com" 
    database-url="https://my-app-ID.firebaseio.com" 
    api-key="my-app-apikey"> 
</firebase-app> 
<firebase-auth 
    id="auth" 
    user="{{user}}" 
    status-known="{{statusKnown}}" 
    provider="google" 
    on-error="handleError"> 
</firebase-auth> 

<iron-pages selected="{{page}}" attr-for-selected="name"> 
    <my-loading name="loading"></my-loading> 
    <my-home name="home"></my-home> 
    <my-dashboard name="dashboard"></my-dashboard> 
</iron-pages> 

page変更とfirebase-auth要素のuser財産メインapp要素を手に入れました。 statusKnownはfalseですが、loadingページが表示されます。 statusKnownがtrueの場合、userがnullの場合はhome、ユーザーがdashboardの場合はどちらかを選択します。

_signInChanged(statusKnown) { 
     if(this.statusKnown) { 
      if(this.user) { 
       this.page = "dashboard" 
      } else { 
       this.page = "home" 
      } 
     } else { 
      this.page = "loading" 
     } 
    } 

home画面にはサインインするボタンがあり、それはfirebase-auth機能signInWithPopup()を呼び出す必要がありますクリックします。しかしfirebase-auth要素には、my-home要素からはアクセスできません。 document.getElementByIDで見つからないか、属性として渡されました。または、何らかの理由で親ポインタでアクセスする場合this.parentElement.$.auth.signInWithPopup()

子供からauth要素を取得するにはどうすればよいですか？

Answer 1

これは別の方法で行うことができます。イベントとリスナーのおかげで、あなたは親にいくつかのイベントを伝播させ、次に親要素でthis.$.authを使ってfirebase-authにアクセスすることができます。だから、

：あなたはfirebase認証を呼び出す準備ができているmy-home要素で

、同じようsomethind呼び出し：this.fire("logIn");と親-elemet ready関数write内でこの：

this.addEventListener("logIn", function() { 
    this.$.auth.signInWithPopup(); 
}.bind(this)); 

、それはそれです。