这是我的html:

<a class="dropdown-item" [routerLink]="['/videos', p.param]">{{ p.title }}</a>

以下是app.route.ts中的代码:

{
    path: 'videos/:folder',
    loadComponent: () => import('./pages/application/video/video.component')
      .then(mod => mod.VideoComponent)
  },

这是VideoComponent中的代码(是一个独立的组件,我试图获取值文件夹:

ngOnInit(): void {
    this.route.paramMap
      .subscribe(
        (params: any) => {
          console.log("value params folder:" + params);
          this.folder = params.folder; <--- no value.
        }
      )
  
  }

and params.folder has no value. I google it but I haven't seen any thing.
Is stand alone component support this feature or is there a way to get pass a parameter thru a stand alone component? Is there any link/example how to do it?

谢谢

推荐答案

简单地说,要获取激活的路径的详细信息,您可以使用snapshot.paramMap,如下所示.

ngOnInit(): void {
    this.folder = this.route.snapshot.paramMap.get('folder');
}

Angular相关问答推荐

如何从Angular TS文件传递$Events对象?

Angular 类型的表单不能分配给分部类型

带有搜索功能的CDK-VIRTUAL-SCROLL-VIEPORT不显示该值

如何防止打印后的空格后的HTML元素的Angular ?

如何使用独立组件在ANGLE(16+)中实现嵌套布线

Router.navigate() 在功能拦截器内不起作用

如何在 Angular 中顺序执行回调

角 12 固态继电器 |页眉页脚在加载程序到来之前显示

带有数据的 Angular 模板

使用 NPM 安装 Font Awesome 5

如何重新加载当前页面?

在 Ionic 2 中使用图像资源的正确方法

错误:您要查找的资源已被删除、名称已更改或暂时不可用

如何使用Angular4通过元素ID设置焦点

如何使用 Bootstrap 4 flexbox 填充可用内容?

等待多个promises完成

如何在 ANGULAR 2 中提交表单时重置表单验证

NG 测试中的调试测试

Angular单元测试输入值

Angular 9 引入了需要加载的全局$localize()函数