javascript - Angular 5 GET 请求无响应

Question

我在这个网站上看到了许多与此问题相关的类似问题，但它们往往要么太具体(使用 Django、Python、Spring 等)，要么太过时。

我正在使用 Angular 5 和 Bootstrap，使用 Chrome 进行调试，但我的 GET 请求没有 GET，或者给我任何错误，或者做任何事情，真的。由于输出为零，我不确定我做错了什么。

我的.ts文件代码:

onNameKeyUp(event:any) {
  this.id = event.target.value; //sets input to the object's id
  this.found = false;
}

getProf() {
this.httpClient.get(`api_url/${this.id}`)
.subscribe(
  (data:any[]) => {
    if(data.length) {
      this.name = data[0].name;
      this.id = data[0].id;
      this.found = true;
      }
    }
  )
}

我的component.html代码:

  <input type="text" (keyup)="onNameKeyUp($event)">
  <button type="button" (click)="getProf()">Get Profile</button>

  <div *ngIf="found">
    <div>{{this.name}}'s id is {{this.id}}</div>
  </div>

Answer 1

在 HTML 中将 this.name 替换为 name，将 this.id 替换为 id