如何查看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}}。