HTML 요소를 클릭하지 않고 Angular 2에서 탐색

신병

각도 2의 버튼 또는 routerLink를 사용하여 구성 요소 사이를 탐색하는 방법을 보여주는 많은 예제를 찾을 수 있습니다. 내가 원하는 것은 오류가 발생했을 때 사용자 작업없이 특정 구성 요소로 탐색하는 것입니다. 이렇게 :

class MyErrorHandler implements ErrorHandler {
    handleError(error) {
        this.router.navigate(['/pagenotfound']);
    }
}

그러나 MyErrorHandler 생성자에서 Router 개체를 초기화 할 수 없습니다. 이 문제를 해결하고 자동 탐색 시스템을 만드는 방법이 있습니까?

애쉬 벨 모카 뎀

Router오류 처리기 클래스 내 에서 서비스 를 사용하려면 삽입해야합니다. @Injectable데코레이터를 사용하여 서비스를 등록하면됩니다 . 아래 예를 참조하십시오.

@Injectable()
export class MyErrorHandler {
    constructor(private router: Router) {

    }

    handleError(error) {
        this.router.navigate(['/pagenotfound']);
    }
}

이 작업을 수행 한 후 MyErrorHandler서비스를 구성 요소 또는 사용하려는 다른 위치에 삽입 할 수 있습니다 .

DI (종속성 주입)에 대한 자세한 내용은 https://angular.io/guide/dependency-injection을 참조하십시오.

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Angular 2 — 해당 페이지에 공통적 인 구성 요소를 다시로드하지 않고 웹 페이지를 탐색합니다.

분류에서Dev

탐색 창은 탐색 구성 요소에서 작동하지 않습니다.

분류에서Dev

헤더 구성 요소의 상태를 잃지 않고 nextjs에서 탐색하는 방법

분류에서Dev

Angular 4 탐색 메서드는 대상 구성 요소 (ngIf, ngFor)에서 페이지 콘텐츠를 렌더링하지 않습니다.

분류에서Dev

서랍 탐색은 스택 탐색처럼 구성 요소를 업데이트하지 않습니다.

분류에서Dev

Angular2 : 왼쪽 탐색 클릭을 기준으로 구성 요소 표시

분류에서Dev

웹 페이지를 긁고 버튼을 클릭하여 탐색

분류에서Dev

클릭에 응답하지 않는 탐색 창

분류에서Dev

SKMapView에서 경로를 따르지 않고 경로 탐색

분류에서Dev

Angular 7 탐색은 그에 따라 URL을 변경하지만 구성 요소를로드하지 않습니다.

분류에서Dev

Angular : HTML을 통과하지 않고 구성 요소에서 anoher 구성 요소로 데이터를 전달하는 방법은 무엇입니까?

분류에서Dev

Ionic2 / Angular2 : 구성 요소에서 중앙 서비스까지 소스 탐색 방법

분류에서Dev

Bootstrap 3에서 검색 상자 CSS를 사용자 정의하고 탐색 모음에서 요소 배치

분류에서Dev

구성 요소 탐색-Angular 2

분류에서Dev

탐색 구성 요소를 통해 작업에 애니메이션이 추가 될 때까지보기가 클릭되지 않도록 방지

분류에서Dev

Angular 지시문은 첫 번째 페이지의 요소에서 작동하지만 탐색 후 작동하지 않습니다 (아마 범위 문제).

분류에서Dev

UIViewController에서 개체를 다시 초기화하지 않고 PushView 탐색

분류에서Dev

하나 이상의 요소를 제외하고 탐색 모음의 중앙에 요소 정렬

분류에서Dev

탐색에서 3 개 중 2 개 요소를 오른쪽으로 정렬하고 다른 요소를 왼쪽으로 정렬

분류에서Dev

Angular 4-상단 탐색 모음이 상단에 고정되지 않음

분류에서Dev

Angular 2에서 @Input 데코레이터를 사용하지 않고 구성 요소간에 변수 전달

분류에서Dev

전체 페이지 사이트 : 각 루프에서 클릭시 요소 탐색

분류에서Dev

버튼을 클릭하지 않고 HTML에서 JavaScript 함수를 호출하는 방법은 무엇입니까?

분류에서Dev

탐색 요소에 조각이 표시되지 않음

분류에서Dev

Angular 2 라우터 탐색이 작동하지 않습니다.

분류에서Dev

탐색 후 Angular 2보기가 응답하지 않음

분류에서Dev

클릭 이벤트를 등록하지 않는 탐색 창 항목

분류에서Dev

한 번 클릭하고 탐색하여 페이지를 요청하는 방법은 무엇입니까?

분류에서Dev

탐색보기 메뉴 항목이 클릭에 응답하지 않음

Related 관련 기사

  1. 1

    Angular 2 — 해당 페이지에 공통적 인 구성 요소를 다시로드하지 않고 웹 페이지를 탐색합니다.

  2. 2

    탐색 창은 탐색 구성 요소에서 작동하지 않습니다.

  3. 3

    헤더 구성 요소의 상태를 잃지 않고 nextjs에서 탐색하는 방법

  4. 4

    Angular 4 탐색 메서드는 대상 구성 요소 (ngIf, ngFor)에서 페이지 콘텐츠를 렌더링하지 않습니다.

  5. 5

    서랍 탐색은 스택 탐색처럼 구성 요소를 업데이트하지 않습니다.

  6. 6

    Angular2 : 왼쪽 탐색 클릭을 기준으로 구성 요소 표시

  7. 7

    웹 페이지를 긁고 버튼을 클릭하여 탐색

  8. 8

    클릭에 응답하지 않는 탐색 창

  9. 9

    SKMapView에서 경로를 따르지 않고 경로 탐색

  10. 10

    Angular 7 탐색은 그에 따라 URL을 변경하지만 구성 요소를로드하지 않습니다.

  11. 11

    Angular : HTML을 통과하지 않고 구성 요소에서 anoher 구성 요소로 데이터를 전달하는 방법은 무엇입니까?

  12. 12

    Ionic2 / Angular2 : 구성 요소에서 중앙 서비스까지 소스 탐색 방법

  13. 13

    Bootstrap 3에서 검색 상자 CSS를 사용자 정의하고 탐색 모음에서 요소 배치

  14. 14

    구성 요소 탐색-Angular 2

  15. 15

    탐색 구성 요소를 통해 작업에 애니메이션이 추가 될 때까지보기가 클릭되지 않도록 방지

  16. 16

    Angular 지시문은 첫 번째 페이지의 요소에서 작동하지만 탐색 후 작동하지 않습니다 (아마 범위 문제).

  17. 17

    UIViewController에서 개체를 다시 초기화하지 않고 PushView 탐색

  18. 18

    하나 이상의 요소를 제외하고 탐색 모음의 중앙에 요소 정렬

  19. 19

    탐색에서 3 개 중 2 개 요소를 오른쪽으로 정렬하고 다른 요소를 왼쪽으로 정렬

  20. 20

    Angular 4-상단 탐색 모음이 상단에 고정되지 않음

  21. 21

    Angular 2에서 @Input 데코레이터를 사용하지 않고 구성 요소간에 변수 전달

  22. 22

    전체 페이지 사이트 : 각 루프에서 클릭시 요소 탐색

  23. 23

    버튼을 클릭하지 않고 HTML에서 JavaScript 함수를 호출하는 방법은 무엇입니까?

  24. 24

    탐색 요소에 조각이 표시되지 않음

  25. 25

    Angular 2 라우터 탐색이 작동하지 않습니다.

  26. 26

    탐색 후 Angular 2보기가 응답하지 않음

  27. 27

    클릭 이벤트를 등록하지 않는 탐색 창 항목

  28. 28

    한 번 클릭하고 탐색하여 페이지를 요청하는 방법은 무엇입니까?

  29. 29

    탐색보기 메뉴 항목이 클릭에 응답하지 않음

뜨겁다태그

보관