如何使用queryParam？

Question

在这里，我有一个类项目，我需要创建一个图书网站，其中有一些Books.Now的信息，图书的信息是从一个网址是。

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

现在我已经在Booksite中获取了details..but，有一个导航栏，它有像新来者，选择流派(这是下拉菜单与选项孩子，小说，神秘)和所有的书。我必须使用queryParam来显示结果根据names.The条件是

对于所有图书，显示的URL是从myurl /booksapp/ /books.Data获取的，其中myurl是

http://advjavaapp-env.imadbprai6.us-west-2.elasticbeanstalk.com

Books by Genre是一个包含小说、儿童、图书的下拉列表，显示的Mystery.The URL是/booksapp/ dropdown.Data / selopt，其中selopt是从myurl/booksapp/book/selopt获取的图书中的选定选项。

对于新来者，显示的网址为/books?newarrival=yes.Data是从myurl/booksapp/booksapp/booksapp?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;
   })
}