javascript - 快照参数/服务在 Angular 2 中返回 NaN

Question

我在使用 Angular2 中的路由器和激活路由将参数从一个组件传递到下一个组件时遇到问题

我的 EdmundsAPI 服务:

  getModels(makeNiceName: string): Observable<Models> {
    return this.http.get(this.baseURL +
      + makeNiceName + '/models?year=2017&view=basic' + this.apiKey)
      .map(res => res.json())
      .catch(this.handleError);
  }

我的“来自”组件(品牌):

  goToModels(makeNiceName: string): void {
    this.router.navigate ( [ '/models', { data: makeNiceName } ] );
  }

我的“to”组件(模型):
(“导出类”声明后的变量“makeNiceName”):

 makeNiceName: string = this.route.snapshot.params[ 'data' ];

  getModels(): void {
    this._EdmundsAPIService.getModels(this.makeNiceName)
      .subscribe(
        //Do Stuff here
        error =>  this.errorMessage = <any>error);
  }

我来自 Models.getModels() 的 API URL(来自 Chrome 浏览器检查 --> 网络):

BaseURL + /NaN/ models?year=2017&view=basic + apiKey

为什么 NaN 代替我的“makeNiceName”变量，这是一个字符串，我想将其传递给我的服务以创建 URL

Answer 1

您的函数 getModels 连续有两个加号，这似乎是将 NaN 插入到字符串中。

同样，当我计算 'string'++ 'hello' 时，结果是 "stringNaN"。但是当我尝试 'string'++ 123 结果是 "string123"

试试这个:

getModels(makeNiceName: string): Observable<Models> {
  return this.http.get(this.baseURL +
    makeNiceName + '/models?year=2017&view=basic' + this.apiKey)
    .map(res => res.json())
    .catch(this.handleError);
}