부모의 각도 액세스 라우팅 매개 변수

LastChar23

이 라우팅이 있습니다.

{ path: 'item/:id',
  component: parentComponent,
  children: [
    { path: 'edit', component: childComponent }
  ]
}

이 위치로 이동하려면 다음을 사용합니다.

this.router.navigate(['/item/' + item.id + '/edit']);

이제 내 질문은 다음과 같습니다.

이제 내 childComponent가 ID를 어떻게 알 수 있습니까? child.component.ts에서 ID를 얻으려면 어떤 코드가 필요합니까? (parentComponent도 ID를 알아야하므로 끝에 매개 변수가 없습니다)

Themistoklis Bogiatzoglou

하위 구성 요소에서 다음 줄을 추가 할 수 있습니다.

현재 스냅 샷이 하위 구성 요소 인 현재 경로이므로 상위 경로 스냅 샷을 대상으로 지정해야합니다.

constructor(private route: ActivatedRoute) {
  this.id = this.route.parent.snapshot.paramMap.get('id')
  console.log('got the id', this.id);
}

또는 하위 구성 요소의 매개 변수를 구독하려는 경우 대신 사용할 수 있습니다.

 constructor(private route: ActivatedRoute) {
    this.route.parent.params.subscribe(params => console.log('params id', params.id));
  }

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

매개 변수가 정의되지 않은 각도 2 라우팅

분류에서Dev

라우팅 매개 변수에 "\"가있는 경우 각도 라우팅

분류에서Dev

IONIC 4-각도 라우팅 매개 변수

분류에서Dev

매개 변수가있는 각도 js 라우팅

분류에서Dev

각도의 입력 매개 변수에 따라 텍스트 상자 값 변경

분류에서Dev

경로 매개 변수에 액세스-각도 8

분류에서Dev

모든 IS가 지정된 경우에도 MS 액세스 지정되지 않은 매개 변수

분류에서Dev

해결 도우미에 전달 된 해결 메서드의 매개 변수에 액세스하는 방법

분류에서Dev

생성자가 "Title"유형의 매개 변수를 갖는 클래스를 확장하는 방법-@ 각도 / 플랫폼 브라우저 유형 매개 변수

분류에서Dev

라우터 매개 변수가 아닌 서비스를 통해 매개 변수를 전달하는 각도 2

분류에서Dev

스프레이 라우팅이있는 스칼라-GET 매개 변수에 액세스?

분류에서Dev

액세스 라우터 매개 변수 VueJS

분류에서Dev

.net 3.0의 라우팅-경로 매개 변수 및 작업 매개 변수

분류에서Dev

nextjs의 getInitialProps stateles 구성 요소에서 라우터 매개 변수에 액세스하는 방법

분류에서Dev

반응 라우터의 app.js에서 구성 요소 매개 변수에 액세스하는 방법

분류에서Dev

Express.js의 라우팅-동적 매개 변수 수

분류에서Dev

jsdoc의 각도 매개 변수 유형

분류에서Dev

Dart는 유형을 제공하더라도 일반 유형 함수 매개 변수의 속성에 액세스 할 수 없습니다.

분류에서Dev

Oracle에서는 매개 변수를 기반으로 별도의 테이블에 삽입하는 "라우팅 인터페이스"를 만들고 싶습니다.

분류에서Dev

개체 목록-개체의 매개 변수에 액세스

분류에서Dev

Aurelia 매개 변수화 된 navbar 외부 라우팅

분류에서Dev

매개 변수로 모든 라우팅 포착

분류에서Dev

Angular2 라우팅 경로 스타일 매개 변수

분류에서Dev

~ user 매개 변수 (apache UserDir)를 사용하여 도메인 IP의 .htaccess 라우팅

분류에서Dev

Node API : 라우팅의 매개 변수화

분류에서Dev

1. 라우팅 매개 변수의 슬래시

분류에서Dev

ASP.NET의 라우팅 문자열 매개 변수

분류에서Dev

WebAPI 라우팅 일치의 와일드 카드 매개 변수

분류에서Dev

Phalcon의 라우팅-경로 끝 전 매개 변수

Related 관련 기사

  1. 1

    매개 변수가 정의되지 않은 각도 2 라우팅

  2. 2

    라우팅 매개 변수에 "\"가있는 경우 각도 라우팅

  3. 3

    IONIC 4-각도 라우팅 매개 변수

  4. 4

    매개 변수가있는 각도 js 라우팅

  5. 5

    각도의 입력 매개 변수에 따라 텍스트 상자 값 변경

  6. 6

    경로 매개 변수에 액세스-각도 8

  7. 7

    모든 IS가 지정된 경우에도 MS 액세스 지정되지 않은 매개 변수

  8. 8

    해결 도우미에 전달 된 해결 메서드의 매개 변수에 액세스하는 방법

  9. 9

    생성자가 "Title"유형의 매개 변수를 갖는 클래스를 확장하는 방법-@ 각도 / 플랫폼 브라우저 유형 매개 변수

  10. 10

    라우터 매개 변수가 아닌 서비스를 통해 매개 변수를 전달하는 각도 2

  11. 11

    스프레이 라우팅이있는 스칼라-GET 매개 변수에 액세스?

  12. 12

    액세스 라우터 매개 변수 VueJS

  13. 13

    .net 3.0의 라우팅-경로 매개 변수 및 작업 매개 변수

  14. 14

    nextjs의 getInitialProps stateles 구성 요소에서 라우터 매개 변수에 액세스하는 방법

  15. 15

    반응 라우터의 app.js에서 구성 요소 매개 변수에 액세스하는 방법

  16. 16

    Express.js의 라우팅-동적 매개 변수 수

  17. 17

    jsdoc의 각도 매개 변수 유형

  18. 18

    Dart는 유형을 제공하더라도 일반 유형 함수 매개 변수의 속성에 액세스 할 수 없습니다.

  19. 19

    Oracle에서는 매개 변수를 기반으로 별도의 테이블에 삽입하는 "라우팅 인터페이스"를 만들고 싶습니다.

  20. 20

    개체 목록-개체의 매개 변수에 액세스

  21. 21

    Aurelia 매개 변수화 된 navbar 외부 라우팅

  22. 22

    매개 변수로 모든 라우팅 포착

  23. 23

    Angular2 라우팅 경로 스타일 매개 변수

  24. 24

    ~ user 매개 변수 (apache UserDir)를 사용하여 도메인 IP의 .htaccess 라우팅

  25. 25

    Node API : 라우팅의 매개 변수화

  26. 26

    1. 라우팅 매개 변수의 슬래시

  27. 27

    ASP.NET의 라우팅 문자열 매개 변수

  28. 28

    WebAPI 라우팅 일치의 와일드 카드 매개 변수

  29. 29

    Phalcon의 라우팅-경로 끝 전 매개 변수

뜨겁다태그

보관