如何将我的 Typescript 中的 Id 传递给解析器？

Question

我试图弄清楚 Angular 如何使用 getById 服务。 我从一开始就公开了一个 Rest Api 服务，它返回一个布尔值并检查一个项目是否在我最喜欢的 List 中：它获取一个元素的 id 作为参数。 在我的前端，我使用 baseApi 服务进行基本 Crud 操作，并为每个请求使用解析器： 所以我需要做的是如何将我的方法中的id传递给解析器，以及如何定义链接结构（URL）。

这是我的代码以便更好地理解：

• 我在 baseService 中的实际 getById：

getById(link, id:number){
  this.header=this.createHeader();
  return this.http.get(this.apiurl+link+id,this.header).map(this.extractData);

}

* 我在解析器中实际不正确的变换方法：

resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<Item> {

  return this.service.getById(item/isFavorite/1');

 }

• 打字稿文件中获取我需要将其 id 发送到解析器的项目的方法：

checkItem(item : Item){

  this.checkfav=this.route.snapshot.data.isfav;

/**
 * checkfav is a bool that should m rest api defined in resolver return
 */


}

Answer 1

你可以直接从route.params['id'];获取它，而不是从其他函数获取它，如果你在当前激活的url中有相同的id。

resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<Item> {    
   const id = route.params['id'];
   return this.service.getById('item/isFavorite/' + id);    
}

Answer 2

我不完全明白你想要达到什么目的？

如果您需要从当前路由中获取信息（例如 id），以便您可以在解析器中提供该信息，以便它能够解析所需的数据，@Ammit Chigadani 的方式将是（几乎）正确

resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<Item> {    
   const id = route.params['id'];
   return this.service.getById('item/isFavorite/', id);    // <= Be aware of the two parameters URL and id
}

如果您的问题是，您的 getById 函数没有按预期工作，那可能是因为您在没有显式“id”参数的情况下调用该方法。 你叫它

return this.service.getById(item/isFavorite/1');

我很确定你想调用它

return this.service.getById(item/isFavorite/' , 1);

我希望“ifav”是您为解析器定义的名称？ 请参阅Angular.io。在该示例中，您可以通过

this.route.snapshot.data.team

因为解析器是在“团队”上定义的。

热烈的问候