Ionic 2のUIページで変数の内容を表示する方法

Question

私はfirebaseでIonic 2を扱っています。私はそれのためのコードを書いた。私はコンソール上の値を見ることができます。しかし、どうすればHTMLページで入手できますか？

HTML {{ fullname }}は機能しませんでした。

aa(){ 
    return this.data.once('value').then(function(snapshot) { 
     var fullname = snapshot.val().fullname; 
     console.log(fullname); 
     return fullname; 
    }); 
} 

Answer 1

var fullname = snapshot.val().fullname;で作成されたばかりの変数フルネームはスコープの変数です。スコープはaa()メソッドの実行後に終了します。

これは、特定のメソッドよりもクラスで宣言する必要があります。このクラスは、@componentが定義されているクラスです。

コード：

@Component({ 
    templateUrl: 'page.html' 
}) 
export class Page { 
    fullname; 

    constructor(){} 

    aa(){ 
     return this.data.once('value').then(function(snapshot) { 
      this.fullname = snapshot.val().fullname; 
      console.log(this.fullname); 
      return this.fullname; 
     }); 
    } 
} 

また、あなたのhtmlで、{{fullname}}として使用します。