2016-08-24 4 views
0

현재 애플리케이션에서 멋진 경로를 얻으려고하지만 현재 구현에서는 내 경로 구독에서 모든 매개 변수를 확인해야합니다. 어떤 방법으로도 '정적'매개 변수를 얻는 방법이 있나요? 경로에서 모든 가능성에 대해 모든 매개 변수 값을 확인하는 대신 일찍 차이를 만들 수 있습니까?
내 루트 중 하나라도 비논리적이거나 잘못된 경우 개선을 위해 열었습니다.Angular2 URL에서 모든 매개 변수를 가져 오는 것이 좋습니까?

export const EmployeeManagementRoutes: RouterConfig = [ 
{ 
path: 'employee-management', 
component: EmployeeManagementComponent, 
children: [ 
    //display all employees 
    { 
    path: '', 
    //is there any way to make this redirict relative to the component the router is for? 
    redirectTo: '/employee-management/employees/department/all', 
    pathMatch: 'full' 
    }, 
    //display all employees from a specific department 
    { 
    path: 'employees//department/:department', 
    component: EmployeeManagementTableComponent 
    }, 
    //open dialog for deleting or creating a new employee or  
    if option is 'show' and id is not undefined show a specific employee 
    { 
    path: 'employees/action/:option/:id', 
    component: EmployeeManagementTableComponent 
    }, 
    //display all departments 
    { 
    path: 'departments', 
    component: EmployeeManagementTableComponent 
    }, 
    //open dialog for deleting or creating a new department 
    { 
    path: 'departments/action/:option', 
    component: EmployeeManagementTableComponent 
    }, 

] 
} 
]; 

답변

3

ActivatedRoute을 사용할 수 있습니다. params를받는 것은 아닙니다. 다음과 같이하십시오 :

ngOnInit() { 
    let path = this.route.url.value.map(val => val.path); 
    } 

URL 배열을 문자열 배열로 제공합니다. 예를 ["employees","department","management"].

+0

감사합니다. 그게 정확히 제가 검색 한 것입니다. – moessi774

1

를 들어 다음과 같은 URL을 구문 분석 : 수신 객체에서

import { Component, OnInit } from '@angular/core'; 
import { Router } from "@angular/router"; 

export class TopNavigationComponent implements OnInit { 
    constructor(
    private router: Router 
) {} 
    ngOnInit() { 
    let parsedUrl = this.router.parseUrl(this.router.url); 
    console.log(parsedUrl); 
    } 
} 

구문 분석 된 URL이 아래에 있습니다 : 루트 레벨> 자녀 _> 일차> 세그먼트

당신은 자세한 내용을보실 수 있습니다 오른쪽 here

관련 문제