Попытка показать информацию в веб-интерфейсе

Question

Я пытаюсь напечатать информацию, которую я отправил в моем интерфейсе, но она ничего не показывает, я не знаю, что происходит, мой запрос в порядке, потому что, когда я печатаю в консоли, он отлично работает

https://snag.gy/tVXbdg.jpg

МОЙ 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();
    });
  }

МОЙ ДОМ.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 }}

Answer 1

Попробуйте разместить их в

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