在Angular 6中等待http响应

Question

有什么方法可以期望HTTPClient响应来呈现组件吗？这是来自给定错误之前的错误消息之一。

组件HTML

<div class="row">
  <nb-card>
    <nb-card-body>Hello {{player.name}}</nb-card-body>
  </nb-card>
</div>

Component.ts

  ngOnInit(): void {
    this.apiService.getSummonerByName("Niknicius").then(result=> {
      this.player = result;
      console.log(this.player);
    })
  }

Api.Service

  getSummonerByName(name): Promise<any>{
    return this.httpClient.get("http://localhost/api/SummonerByName.php?playerName=" + name).toPromise().then(summoner =>{
      return summoner;
    })
  }