Angular 2 Route params验证

Question

How can I validate Route params in Angular2? For example, I have a route:

{path: 'artist/:id', component: ArtistInfoComponent}

All I want is to check if parameter id is a valid number and if so, just show the component. Otherwise show a page with error message.

I found Route Guards in Angular 2 but I think this isn't the best way to do validation because I can have many different params for different pages and writing individual Route Guard for all these pages isn't what I want.

Is there a possibility to specify a regex for each route parameter?

UPD: Maybe there is a way to do a validation on query params? I mean if I have such url: /search?q=blablabla&page=2 how can I check if the parameter page is valid? Is there a way to do it without Guards?

Answer 1

防护是可行的方法，您可以将验证配置放入路径的data部分，并创建可重复使用的防护，以根据此配置验证参数。

Answer 2

By using ActivatedRoute service you can get the param and match the param in the lists of ids you have. If matches then show the details else show error message.

exammple:

step 1: Inject(pass) ActivatedRoute in component constructor

constructor(private activtedRoute: ActivatedRoute){}

step 2:

    constructor(private activtedRoute: ActivatedRoute){
     this.activtedRoute.paramMap.subscribe((params: ParamMap) => {
          const routeIdParam = params.get('id');
          if(this.validateId(routeIdParam)){
             // code to display info
                } else {
              // code to show error message!
             }   
           }

validateId(id): Boolean{
  return idArray.find(id); 
}