Angular2:使用get请求在URL中附加ID

时间:2018-01-12 16:16:18

标签: angular routing

我有一个显示问题列表的页面。当我点击查看问题时,我需要显示问题的详细信息。我通过在路由器中传递问题的ID来做到这一点,当导航到问题详细信息页面时,我需要获取该问题ID并将其附加到获取请求。但是,当我将问题详细信息页面中的错误附加为错误响应状态:500内部服务器错误的URL:

在浏览器中导航到问题详细信息页面时,它会显示问题ID,如下所示http://localhost:4200/question-fullview/5a4e6f2d0623e0086ed9e890。但它仍然显示上述错误。

QuestionFullview.component.ts

export class QuestionFullviewComponent implements OnInit, OnDestroy {
  public post: any[] = []
  public id: any;

  private sub: any;
  public accountDetails: any = {}
  constructor(private api: ApiServiceProvider, private route: ActivatedRoute
  ) { }
  ngOnDestroy() {
    this.sub.unsubscribe();
  }

ngOnInit() {
    this.sub = this.route.params.subscribe(params => {
      this.id = +params['id']; 
      this.api.get("/posts/" + this.id, true)
        .subscribe((data) => {

          this.post = data.data
          console.log("This is the post data:", data)

        }, (err) => {
          alert("error " + err);
        })

    });
}
}

0 个答案:

没有答案