试图在前端显示信息

时间:2018-06-09 16:24:22

标签: javascript angular firebase ionic-framework firebase-realtime-database

我试图打印我在前端发送的信息,但它没有显示任何内容,我不知道发生了什么,我的查询很好,因为当我在控制台中打印时工作正常

https://snag.gy/tVXbdg.jpg

MY TS

export class HomePage {
  options:BarcodeScannerOptions;
  encodText:string='';
  resul:string;
  encodedData:any={};
  scannedData:any={};
  public resultado: string;

  public product=[];
  // public product= {};

public resultadoref: firebase.database.Reference = firebase.database().ref('/productos');

  constructor(public fdb: AngularFireDatabase,public navCtrl: NavController,
  public scanner:BarcodeScanner,private alertCtrl: AlertController) {

  }

  public cargarvalor(){
    var that= this;
    var referenceresultado= this.resultadoref.orderByChild('Producto').equalTo(this.resultado);
    referenceresultado.on('value', function(snapshot){
    var data = snapshot.val();
    that.product= snapshot.val();
    console.log(data);


    // this.product=snapshot.val();
    });
  }

MY HOME.HTML

    Buscar

<div class="row header">
      <div class="col">Producto</div>
      <div class="col">Descripcion</div>
      <div class="col">Precio</div>
    </div>
{{ product.Producto }} {{ product.Valor }} {{ product.Descripcion }}

1 个答案:

答案 0 :(得分:0)

尝试将它们放入

 <h1>< {{ product.Producto }} {{ product.Valor }}</h1>