I've seen many similar problems regarding this problem on this site, but they tend to be either too specific (with Django, Python, Spring, etc) or too outdated. 

I am using Angular 5 and Bootstrap, using Chrome to debug, and my GET request does not GET, or give me any errors, or do anything, really. With zero output, I am not sure what I'm doing wrong.

My .ts file code:

```
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;
      }
    }
  )
}

```

My component.html code:

```
  <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>

```