Question

大家好，所以我已经使用{path: 'spreadsheet/:id', component: ContactParent}这样的ID声明了我的路线，所以我可以使用id来获取ActivatedRoute，但是我可以获得spreadsheet，如果我this.router.url它给了我spreadsheet/20，但我只需要spreadsheet

Answer 1

试试这个......

constructor( private route: ActivatedRoute ) {
    console.log(route.pathFromRoot[1].snapshot.url[0].path);
}

如果您转到http://localhost:4200/spreadsheet/3，上面的代码将记录＆＃34;电子表格＆＃34;

Answer 2

像这样使用

<a actionLink='['/list',id]'>link</a>


    constructor( private _route: ActivatedRoute ){ 
    let id=this._route.snapshot.param['id'];
    }

您必须导入ActivatedRoute。

Answer 3

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

constructor(private router: Router){ // private member of Router
 const currentPageUrl = router.url; // router.url contain the active route info
 console.log('Activated router is ' + currentPageUrl);
}

Answer 4

尽管您应该能够从ActivatedRoute获取路由，但是有时您还是希望从自举组件中获取路由。在这种情况下，您可以使用angular的Location Service并调用location.path()来获取请求的路线。

从角度2路由获取激活路由

4 个答案: