Drucken String AngularJS 2 ionischer 2

Question

Mein Code ist dies:

firebase.auth().onAuthStateChanged(function(user) { 
     if (user) { 
     var user1 = firebase.auth().currentUser; 
     var name, email, photoUrl, password, uid, emailVerified; 
     if (user != null) { 
      name = user1.displayName; 
      email = user1.email; 
      photoUrl = user1.photoURL; 
      emailVerified = user1.emailVerified; 
      uid = user1.uid; // The user's ID, unique to the Firebase project. Do NOT use 
      // this value to authenticate with your backend server, if 
      // you have one. Use User.getToken() instead. 
      console.log(email); 
     } 
     } else { 
     console.log('no user'); 
     } 
    }); 

console.log (E-Mail) druckt mir die E-Mail aber in html

<h1>email: {{ email }}</h1> 

drucke nicht mir nichts, warum? Ich habe gegoogelt aber nichts. Was ist los mit dir?

Answer 1

Um in HTML zu drucken, sollte die Variable eine Klasseneigenschaft sein. Deklarieren Sie in Ihrer Komponentenklasse email.

@Component() 
export class cmp{ 
email:any; 
//... 
//In your firebase call set in this.email 
firebase.auth().onAuthStateChanged((user)=> {//use arrow function to make sure this is correct 
    if (user) { 
    let user1 = firebase.auth().currentUser; 
    let name, photoUrl, password, uid, emailVerified; 
    if (user != null) { 
     name = user1.displayName; 
     this.email = user1.email;//here 
     photoUrl = user1.photoURL; 
     emailVerified = user1.emailVerified; 
     uid = user1.uid; // The user's ID, unique to the Firebase project. Do NOT use 
     // this value to authenticate with your backend server, if 
     // you have one. Use User.getToken() instead. 
     console.log(this.email); 
    } 
    } else { 
    console.log('no user'); 
    } 
}); 

Nun zeigen in html

{{email}}