ソーシャルメディアでログインした後にユーザーの詳細を取得するにはどうすればよいですか？

Question

私はfirebaseを認証に使用し、プレーンなjavascript（AngularJSやAngular2やionicなどの他のフレームワークではない）を使用しています。 GoogleやFacebookにサインアップした後、ユーザー名を表示し、電子メールとユーザー画像を使用したいと考えています。

firebase.auth().onAuthStateChanged(function(user) { 
    if (user) { 
    // User is signed in. 
    var displayName = user.displayName; 
    var email = user.email; 
    var photoURL = user.photoURL; 
} else { 
    // User is not logged in, redirect to where you need to. 
     console.log("Logged out"); 
} 

上記のコードは、正常にサインアップした後に表示されるページ上のスニペットです。

詳細を表示するには以下のようにしましたが、タグ内に書かれた内容がページに表示されました。

<p class="isLoggedIn">Logged In: {{user_displayName}} ({{user_email}})<p> 

どこが間違っていますか？

どんな種類のヘルプをいただければ幸いです。ありがとう。

Answer 1

あなたの変数はメソッド内でのみ使用できますが、関数外では使用できません。 また、AngularJSを使用していない場合は、このようにhtmlに値を入れることは間違っています。データをバインドして表示する方法です。

プレーンJavaScriptを使用してデータを書き込む方法でこれを参照してください：https://stackoverflow.com/a/10507608/4428159