ポリマー双方向データバインディングとFacebookコールバック

Question

JavaScriptとPolymerの新機能です。私はPWAのコンセプトが好きですが、今ではいくつかのロードブロッキングを打ちました。

1. ポリマーファイア<firebase-auth>を使用しようとしましたが、Googleプロバイダのログインを実行できませんでした。しかし、私はFacebookのプロバイダログインを行う方法がわからず、Facebookのログイン情報もJavaScriptで提供したいので、タグの使い方をどこからも見つけられなかったので、ブロックされました。誰かが私を働くソースに案内するなら、私はその質問のパート2を必要としません。

2. 私はグラフAPI FB.login()でFacebookのログインを試みました。 FB.login()は、コールバックを持って、私はresponse.name、public_profileを抽出することができませんでしたし、私は成功したログインのFB.login()コールバックを出るや否や、私は失うことに気づい{{user}}var userName = response.name; and then this.user = {displayName : userName};

のように言うの属性ポリマーに設定しました'this.user'オブジェクトへのコールバックの代入で行われた変更。

私の質問は次のとおりです。ポリマーでの2方向結合作業はできません。子要素のオブジェクトを変更するにはどうしたら、すべてのページ/ポリマー要素に伝播できますか？

Answer 1

どのようにして子要素のオブジェクトを変更し、すべてのページ/ポリマー要素に伝播できますか？

本当にそれはすべてのページをどのように設定するかによって異なります。親にいる場合は、子要素に関数、変数、およびオブジェクトを渡すことができます。

<ChildElement details={{_details}}/> // If you want to pass a details object to the child 
<ChildElement sqft={{square(size)}}/> // This will call the square function inside your ChildElement and pass in the parameter size 

後者を使用して、子の関数を呼び出すと、その関数はそのスコープ内のすべての要素にアクセスできます。

親に何かを変更したい場合は、this.fire（someFunction（））を使用してコールバックを行い、同じ名前の親に関数を作成することができます。親から子へ、またはその逆のときにはそれほど悪くはありませんが、どこでもそれを渡しているなら、何らかの状態管理を調べたいと思うかもしれません。ある場所から他の場所へ物を渡すことは、本当に醜いものになります。