Ionics 3 Guard issue

Question

ionViewCanEnter가 결정되기 전에 페이지가로드된다는 사실을 깨달았습니다. 사용자가 페이지를 볼 수있게되었습니다.

따라서 템플릿의 모든 구성 요소는 항상 생성됩니다.

IMO, 특히 구성 요소가 해당 구성 자에서 HTTP 요청을 사용하여 데이터를로드하는 경우 이는 실제로 비효율적 일 수 있습니다.

내가 뭔가 잘못되었거나 더 나은 Guard 접근 방법이 있습니까?

단순 복제

시험 page.html

<ion-content> 
    <test></test> 
</ion-content> 

시험 page.ts

... 
ionViewCanEnter() { 
    console.log('ionViewCanEnter?'); 
    return false; 
} 
... 

시험 component.ts

... 
constructor() { 
    console.log('TestComponent Constructed'); 
} 
... 

콘솔 당신은 Ionic의 Page/Component의 디자인에있다 다른 무언가를 기대하고

TestComponent Constructed 
ionViewCanEnter? 

Answer 1

.

ionViewCanEnter

실행 뷰가 입력 할 수 있습니다 전에. 이것은 당신이 runs before the view can enter을 말한다 볼 수 있습니다

를 입력 할 수 있습니다 당신이 보기하려면 먼저 사용 권한을 확인해야 인증 뷰에서 "가드"의 일종으로 사용할 수 있습니다. 보기가 생성되기 전에이 아닙니다. Page의 view이 생성 된 경우 components이 page이고 constructed 인 것입니다. 이것은 의도적으로 설계된 것입니다. 우리는 아무 것도 할 수 없습니다. 그러나 귀하는 component의 데이터 검색 방법을 변경할 수 있습니다. 즉, ionViewCanEnter()의 논리에 따라 Event을 내야하고 그 후에는 component에 에서 event까지 데이터 검색을 할 수 있습니다. 그러면 구성 요소의 constructor에서 데이터 검색을 제거 할 수 있습니다. 그 후 모든 것이 잘 작동하길 바랍니다.