3

我正在使用快照方法获得价值，但在这种情况下，它在“类”之后获得价值 20，但我需要 33 条路径，比如获取

credits/33/classes/20 only 20 or credits/33/classes/ only null("")

更新：我找到了我的问题的解决方案。

现在它正在正确获取 id 。错误是访问正确子组件中的元素，在快照版本中的子 MatDialog 组件中不起作用。

constructor(private route: ActivatedRoute) {} 
 ngOnInit(): void {
   console.log(parseInt(this.route.snapshot.paramMap.get('id1')));

如果您的 url 有 2 个 Id 值，您可以使用 route.parent 的快照

   console.log(parseInt(this.route.parent.snapshot.paramMap.get('id1')));
}
4

2 回答 2

12

您在路由模块中的路径将是

const appRoutes: Routes = [
{ path: 'credits/:id1/classes/:id2', component: YourComponent }];

假设 id1 是 33 而 id2 是 20

代码将是： 使用 ActivatedRoute 而不是 ActivatedRouteSnapshot

import { ActivatedRoute } from '@angular/router';

constructor(private route: ActivatedRoute) {

ngOnInit() {
this.route.params
      .subscribe(
        (params: Params) => {
          this.id1 = +params['id1'];
          this.id2 = +params['id2'];
          console.log(id1 + '' + id2);
        }
      );
    }
}
于 2019-05-23T09:02:10.807 回答
3

创建一个路由，其中​​将路由到您的组件，并将其添加到您的模块中。

const appRoutes: Routes = [
{ path: 'credits/:id1/classes/:id2', component: MyComponent },
{ path: 'credits/:id1', component: MyComponent }];

然后，您可以使用ActivatedRoute来获取您的参数。

 export class MyComponent implements {
  id1: string;
  id2: string;

  constructor(private route: ActivatedRoute) { 
    this.id1 = this.route.snapshot.params['id1'];
    this.id2 = this.route.snapshot.params['id2'];
  }

}

StackBlitz 在这里

于 2019-05-23T10:48:38.160 回答