angular 路由可选参数及必选参数

1.路由跳转a标签

<a routerLink="['three/ccd3', 'abc',{ c: '123' }]">ccd3</a>

routerLink 第一项为路由, 第二项必选参数(若无可以省略),第三项为可选参数 用{} 包起来;

2.routing.module.ts的配置 /:a ,表示必选参数a

const routes: Routes = [

    { path: 'ccd3/:a', component: Ccd3Component },

];

3.接收参数

constructor( private route: ActivatedRoute) {}

ngOnInit() {

        this.route.paramMap.subscribe(params => {

            console.log(params);

            this.name = params['a'];

        });

 }

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。