显示 component.ts 的输出

Question

我想打印 component.ts 生成的输出，但我不要 console.log，而是 component-html 上的返回值。

这是我的component.html（只有最后一部分）：

<div class="col-md-12 pt-2">
     <button type="button" class="btn btn-success btn-sm" (click)="addField()">Add TTP</button>
     <button type="submit" class="btn btn-outline-primary" [disabled]="!ttp_form.valid">Submit</button>
//the call of onSubmit() is done by the formGroup tag at the beginning
    </div>

这是组件.ts:

onSubmit() {      

   //return the data
    this.firebase.getData(this.url)
    .subscribe((data: any) =>{
      this.ttp_db = Object.keys(data).map((key)=> {return data[key]})
      this.ttp_field = Object.keys(this.ttp_form.value).map((key)=> {return this.ttp_form.value[key]})
      this.appartenenza(this.ttp_field, this.ttp_db) --> this is the function that I want to return the value
    })
  }

功能附件的一小部分：

appartenenza(ttp_field: any, ttp_db: any) {
    const massimo = Math.max(...punteggi);

if (massimo === 0) {
    return "Nessuna stringa in comune";
  }

const indice = punteggi.indexOf(massimo);

  return console.log("Gruppo con più affinità: ", this.ttp_db[0][indice]); --> I put console log to see the output on the console for test the programm
}

Answer 1

您需要将返回值存储在一个属性中，然后在您的模板中使用数据绑定来显示它。确保你总是返回一个字符串，不要返回

console.log

函数。

myValue = '';

onSubmit() {      
   //return the data
   this.firebase.getData(this.url)
    .subscribe((data: any) =>{
      this.ttp_db = Object.keys(data).map((key)=> {return data[key]})
      this.ttp_field = Object.keys(this.ttp_form.value).map((key)=> {return this.ttp_form.value[key]})
      this.myValue = this.appartenenza(this.ttp_field, this.ttp_db);
    })
}

appartenenza(ttp_field: any, ttp_db: any) {
    const massimo = Math.max(...punteggi);

  if (massimo === 0) {
    return "Nessuna stringa in comune";
  }

  const indice = punteggi.indexOf(massimo);

  return "Gruppo con più affinità: " + this.ttp_db[0][indice];
}

在你的模板中

<p>My Value: {{ myValue }}</p>

Answer 2

只需存储函数 this.appartenza() 的返回值

const data = this.appartenenza(this.ttp_field, this.ttp_db)