如何在Ionic 2 UI页面中查看变量的内容

时间:2017-02-12 06:40:23

标签: html ionic2

我正在使用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;
    });
}

1 个答案:

答案 0 :(得分:2)

var fullname = snapshot.val().fullname;创建的变量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}}