如何在 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}} .