如何使用queryParam？

Question

在这里，我有一个课程项目，我需要创建一个Booksite，其中有一些书籍的信息。现在，书籍的信息将从一个网址获取。

 myurl  = "http://advjavaapp-env.imadbprai6.us-west- 
2.elasticbeanstalk.com/booksapp/books";

现在我已经获取了详细信息..但是在Booksite中有一个导航栏，其中包含Newarrivals，Select Genre（可选择儿童，小说，神秘的下拉列表）和所有书籍等选项。我必须使用queryParam来显示结果这些名字。条件是

对于所有书籍，显示的URL是/books.Data是从myurl所在的myurl / booksapp / books中获取的 http://advjavaapp-env.imadbprai6.us-west-2.elasticbeanstalk.com

类型书籍是小说，儿童，神秘的下拉列表。显示的URL是/ books / selopt，其中selopt是dropdown中的选定选项。数据是从myurl / booksapp / books / selopt中获取的。

对于New Arrivals，显示的URL是/books?newarrival=yes。从myurl / booksapp / books中获取数据？newarrival = yes

请帮助我，因为我在过去两天尝试这样做。

我到目前为止所做的工作..

在Booksdetails.Component.ts中

myurl   = "http://advjavaapp-env.imadbprai6.us-west- 
 2.elasticbeanstalk.com/booksapp/books";

url: URL[] = [];
showmyurl: URL[] = [];
newarrival: string;
url1: string = this.myurl + '?newarrival' + this.newarrival;

ngOnInit() {
  this.route.queryParamMap.subscribe(params => {
  console.log(params);
  this.newarrival = params[ 'newarrival' ];
   });
}

 new(){
   this.netService.getData(this.url1)
   .subscribe(resp => {
    this.showmyurl = resp;
    })
  }

Answer 1

将您的代码更改为以下内容

ngOnInit() {
   this.route.queryParamMap.subscribe(params => {
   console.log(params);
   this.newarrival = params.params[ 'newarrival' ];
  });
}

new(){
 this.url1 = this.myurl + '?newarrival=' + this.newarrival;
 this.netService.getData(this.url1)
 .subscribe(resp => {
  this.showmyurl = resp;
   })
}