Ionics 3ガードの問題

Question

ionViewCanEnterが決定する前にページが読み込まれることに気付きました。ユーザーはページを閲覧することさえ許可されています。

このため、テンプレート内のすべてのコンポーネントが常に構築されます。

IMOでは、特にコンポーネントがコンストラクタでHTTPリクエストを使用してデータをロードする場合、これは実際には非効率になります。

私は何か間違っているのですか、より良いガードアプローチがありますか？

単純レプリカ

テストpage.html

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

テストpage.ts

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

テストcomponent.ts

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

コンソール

TestComponent Constructed 
ionViewCanEnter? 

Answer 1

あなたはIonicでPage/Componentのデザインに反している別の何かを期待しています。

ionViewCanEnter

ビューを入力する前に実行します。これは、あなたはそれがruns before the view can enterを言うことがわかります

を入力することができますあなたが ビュー、あらかじめアクセス許可を確認する必要がある認証されたビューで 「ガード」の一種として使用することができます。 ビューが作成される前にが作成されています。Pag​​eのviewが作成されている場合は、componentsがpageであり、これもconstructedであることを意味します。しかし、あなたはcomponentのデータ検索方法を変更することができます。つまり、ionViewCanEnter()のロジックに従ってEventを発行する必要があります。その後、subscribeからeventまでcomponentのデータを取得することができます。その後、コンポーネントのconstructorのデータ検索を削除できます。それ以降はすべてうまく働いていることを願っています。