Node.js 在角度视图中使用URL参数？

我最近开始学习Angular/Node，并设法调用API端点并将数据传递给我的视图

我是通过在URL中手动指定我的名字来实现这一点的，现在我想这样做，这样我就可以在URL中更改名字，并提取相应的数据。我在Express中成功地实现了以下功能：

//Get Summoner Specific
router.get('/summoner/:summoner', (req, res) => {
    axios.get('https://euw1.api.riotgames.com/lol/summoner/v3/summoners/by-name/' + req.params.summoner, {
        headers: head
    })
    .then(summoner => {
        res.status(200).json(summoner.data);
    })
    .catch(error => {
        res.status(500).send(error);
        console.log(error);
    });
});

因此，当我转到/get/caller/TYPENAME时，我看到正确的数据被传回。现在，我想使用Angular在页面上显示这些数据

服务：

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';

@Injectable()
export class SummonerService {

  constructor(private http: Http) { }

  // Get all posts from the API
  getSummoner() {
    return this.http.get('/get/summoner/:summoner')
      .map(res => res.json());
  }
}

组成部分：

import { Component, OnInit } from '@angular/core';
import { SummonerService } from '../summoner.service';

@Component({
  selector: 'app-summoner',
  templateUrl: './summoner.component.html',
  styleUrls: ['./summoner.component.css']
})
export class SummonerComponent implements OnInit {

  summoner: any = [];

  constructor(private summonerService: SummonerService) { }

  ngOnInit() {
    //Get Summoner from API
    this.summonerService.getSummoner().subscribe(summoner => {
      this.summoner = summoner;
    });
  }

}

模板：

<p>
  summoner works!
</p>

{{ summoner.name }}
{{ summoner.id }}

---

有人能帮忙吗？

似乎问题最有可能出现在模板中，而您忘记了将其包括在内。抱歉，我现在添加了它，尽管它非常简单。该url有什么问题？使用

：

是非常不寻常的。但是我对express一窍不通，因此无法进一步帮助您，但我可以说，剩下的代码看起来不错，除了模板，如果

courder

是一个数组，您应该迭代它，

{{{courder.name}}

不存在，但它不应该是错误的原因。我可能是错误的，因为我也在学习，但是我认为：召唤者定义了查询参数？另外，它不是一个数组，当我通过/get/（我的API端点）使用它时，只要我尝试将它传递给视图，它就可以很好地加载，我得到了错误。再次感谢您的关注：）有人能帮忙吗（似乎问题最有可能出现在模板中，而您忘记了将其包括在内。抱歉，我现在已经添加了它，尽管它非常简单。该url tho是怎么回事？使用

：

非常不寻常。但是我对express一无所知，因此无法进一步帮助您，但我可以说，除了模板，如果

caller

是一个数组，你应该迭代它，

{caller.name}

不存在，但它不应该是错误的原因。我可能是错误的，因为我也在学习，但我认为：caller定义了查询参数？而且，它不是数组，当我通过/get/（我的API端点）使用它时，它可以正常加载当我试图将其传递给视图时，我得到了错误。再次感谢您的查找：）有人能帮忙吗？：(

(node:9916) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 2): TypeError: Converting circular structure to JSON