Невозможно назначить пользовательские детали Firebase для объекта и отобразить в HTML

Question

Я могу получить пользовательские данные пользователя firebase, такие как городской мобильный телефон и т. Д., И распечатать их в консоли. Я хочу назначить их объекту / строке, чтобы я мог отображать их в своем браузере с помощью .html.

Я пытался использовать AngularFireList и т. Д. ... но не работает.

  getDetails()  {
     var user = firebase.auth().currentUser;
     if (user) {
         var getUserInfo = firebase.database().ref("users/" + user.uid);
         return getUserInfo.once("value")
         }
     else{
         return null;
        }
 }

component.ts

 city:any;
 mobile:any;
 ngOnInit(){
  this.auth.getDetails().then(function(snapshot) {
     snapshot.forEach((child) => {
       this.childs.push({
         city:child.val().city,
         mobile:child.val().mobile,
       })
      }); 
   })
  }

.html

<div class="container">
<p> {{city}}
{{mobile}}</p>
</div>

всякий раз, когда я пытался присвоить любому объекту, который отображается как «не могу установить свойство» и т. Д. *