Ionic-framework: Ionic V2: NavController에 대한 공급자가 없습니다! 해결책?

https://forum.ionicframework.com/t/why-cant-i-import-navcontroller-and-viewcontroller-into-service-or-app/40999/26 에 따르면
그 말

이것에 대해 차임벨을 울리기 위해 ViewController 또는 NavController를 Service에 주입해서는 안됩니다.
이것은 그들의 의도된 목적이 아닙니다.

그런 다음 사용자가 보는 활성 보기에 따라 작동하는 전역 인터셉터를 앱에 어떻게 추가해야 하는지 알려주세요.

내부 논리에 따라 무언가를 내보낸다면 인터셉터 서비스를 수신하거나 구독하도록 각 뷰 구성 요소에 지시하여 삶을 지나치게 복잡하게 만들어서 뷰가 로그인 페이지로 돌아가야 하는지 여부를 알 수 있도록 할까요?

~에 따르면
https://medium.com/coding-snippets/ionic-2-ui-alert-from-a-angular-2-service-221a2e526760#.spxbdpfz1

constructor(private app: IonicApp) {}

let alert = Alert.create({title: 'Error', message: message, buttons: ['OK']});
var nav = this.app.getActiveNav();
nav.present(alert

나를 위해 rc3에서 작동하지 않습니다.

제가 요점을 놓치고 있을지도 모르지만...

Angular 팀이나 다른 사람들이 _이것은 보기 구성 요소이고 그것은 서비스 객체라고 하기 때문에 일종의 분류 고정 때문에 완전히 격리하는 것은 도움이 되지 않습니다. 그들 모두는 필요할 때 서로에 대한 참조를 얻을 수 있고 또 얻을 수 있어야 하는 객체입니다.

게다가 추상 애플리케이션 수준의 NavController는 단순한 보기 결합 클래스보다 더 오케스트레이션된 전역 컨트롤러입니다. 따라서 NavController는 "핵심"이므로 이 디자인을 재고하거나 Ionic 핵심 모듈에 중앙 집중식 앱 전체 서비스를 추가하는 것이 좋습니다.

아주 간단한 더러운 해결 방법은 app.component.ts 내에서,이 놀라운에게
@ViewChild('carguardNav') navCtrl: NavController
다음과 같은 다른 서비스 제공자에게 전달할 수 있습니다.

myGlobalService.nav = this.navCtrl

플랫폼 초기화 단계에서 MyGlobalService에 의존하고 주입한 다른 서비스에서 검색할 수 있습니다.

여보세요! 여기에 문제가 있어 죄송합니다. 따라서 서비스에 NavController가 없기 때문에 NavController를 서비스에 주입할 수 없습니다. 이것은 Angular 종속성 주입이 어떤 NavController가 참조를 가져오는지 알지 못하여 오류가 발생함을 의미합니다. 기억해야 할 중요한 점은 이것이 NavController의 핵심이 아니라 표준 Angular DI 오류라는 것입니다. 사용 사례를 올바르게 이해하고 있다면 이벤트 이미터를 사용하여 동일한 기능을 얻을 수 있습니다. 이것은 우리 측의 오류가 아니라 단순히 Angular 2에서 종속성 주입이 작동하는 방식이기 때문에 지금은 이 문제를 닫으려 하지만 중앙 집중식 앱 전체 navcontroller 서비스 아이디어에 대한 기능 요청을 여는 것이 좋습니다. 위에서 언급. Ionic을 사용해 주셔서 감사합니다!

사실 나는 걱정할 수 있는 또 다른 솔루션을 만들었습니다. IoC 패턴을 통해 보기 및 서비스 구성 요소를 연결하기 위해 앱 전체 이벤트를 사용하고 있습니다.

@barocsi 솔루션을 게시하시겠습니까? 나는 같은 문제에 직면 해있다.

강제로 게터와 인젝터와 함께 일하게 했어

  constructor(
    protected injector: Injector
  ) {

...

  get navCtrl(): NavController {
    return this.injector.get(NavController);
  }

@bobrosoft 작업 예제가 있습니까? 귀하의 코드와 함께 "Navcontroller용 인젝터 없음"이 다시 표시됩니다.

@m3l7 다음 시도:

  constructor(
    protected app: App,
...
  get navCtrl(): NavController {
    return this.app.getRootNav();
  }

@bobrosoft ok, 작동합니다. 문제는 nav.push(MyComponent)를 직접 호출하면 종속성 루프가 발생하므로 nav.push를 트리거하는 "라우터" 서비스에서 포착한 이벤트를 강제로 사용해야 한다는 것입니다. (이 솔루션이 효과가 있기를 바랍니다).

ionic2에 고급 라우팅 솔루션이 있으면 좋을 것입니다.. 기본 401 인터셉터를 만들고 앱을 로그인 페이지로 리디렉션하려고합니다.

안녕하세요 @bobrosoft : 이것이 바로 그 방법입니다!

생성자(@Inject(플랫폼) 플랫폼, @Inject(NavController) navController) {
}

이것은 여기에 설명되어 있습니다: https://github.com/driftyco/ionic/issues/5543

@mpeguero 는 서비스(서비스에 관한 것입니다.)가 초기 단계에서 인스턴스화되고 기술적으로 내 첫 번째 답변과 거의 동일합니다. 나는 전에 그것을 확인했다.

그 솔루션

  constructor(
    protected app: App,
...
  get navCtrl(): NavController {
    return this.app.getRootNav();
  }

더 좋지만 이상적이지도 않습니다.

Ionic 문서에는 솔루션이 있습니다. 잘 작동합니다.

Android용 Outlook 받기 http://aka.ms/ghei36

2017년 3월 20일 월요일 오전 4시 44분 -0400시, "Vladimir Tolstikov" < [email protected] [email protected] >이(가) 다음과 같이 썼습니다.

@mpeguero https://github.com/mpeguero 서비스(서비스에 관한 것입니다)가 초기 단계에서 인스턴스화되고 기술적으로 내 첫 번째 답변과 거의 동일하면 작동하지 않습니다. 나는 전에 그것을 확인했다.

그 솔루션

건설자(
보호된 앱: 앱,
...
navCtrl() 가져오기: NavController {
this.app.getRootNav()를 반환합니다.
}

더 좋지만 이상적이지도 않습니다.

—
당신이 언급되었기 때문에 이것을 받는 것입니다.
이 이메일에 직접 답장하거나 GitHub https://github.com/driftyco/ionic/issues/9581#issuecomment-287701528 에서 확인하거나 https://github.com/notifications/unsubscribe-auth/ABvDpy- 스레드를 음소거

이 문제에 대한 현재 솔루션은 무엇입니까? 인터셉터가 401 또는 403의 HttpErrorResponse 상태를 가져오는 경우 로그아웃 페이지를 열려고 시도하지만 작동하지 않습니다. 정말 불가능해 보입니다.

글로벌 서비스가 NavController 주입하고 인스턴스화하지 않는다는 것도 상식입니다. 구성 요소가 private navCtrl: NavController 를 사용하고 있고 global-function-provider 도 사용하는 페이지 A에 있다고 가정합니다.
이제 이 공급자가 자체 NavController 주입하고 사용하는 경우 이를 사용하는 구성 요소에서 공급자를 호출하면 문제가 발생합니다.

제 생각에는 페이지의 navCtrl 를 사용하고 싶을 때마다 사용 중인 전역 함수에 매개변수로 전달하기만 하면 됩니다.

문제를 주셔서 감사합니다! 이 문제는 원래 문제와 관련이 없는 댓글을 방지하기 위해 잠겨 있습니다. 이것이 여전히 최신 버전의 Ionic에서 문제가 되는 경우 새 문제를 만들고 템플릿이 완전히 채워졌는지 확인하십시오.