美文网首页
angular 路由可选参数及必选参数

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

作者: BuzzLightYearcc | 来源:发表于2020-08-24 16:17 被阅读0次

    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'];

            });

     }

    相关文章

      网友评论

          本文标题:angular 路由可选参数及必选参数

          本文链接:https://www.haomeiwen.com/subject/sqmnjktx.html