角度2.1 - ルーティング中のコンポーネントの再作成

Question

角度2.1.0、ルータ3.1.0。

ダッシュボードコンポーネントを作成しているうちに、ルーティングするたびに最初から作成されていることに気づきました。それから、私はHerosデモプランナーのTourをチェックしました - 同じ振る舞いです。 DashboardComponent

export class DashboardComponent implements OnInit { 
    heroes: Hero[] = []; 

    constructor(private heroService: HeroService) { 
    console.log('DashboardComponent constructor') 
    } 

    ngOnInit(): void { 
    this.heroService.getHeroes() 
     .then(heroes => this.heroes = heroes.slice(1, 5)); 
    console.log('DashboardComponent ngOnInit') 
    } 
} 

の

変更は、ここでplunkerです。開発者コンソールを開きます。プランナーを実行してください - DashboardComponent constructorとDashboardComponent ngOnInitの2つのログが表示されます。 HeroesをクリックしてDashboardに戻ってください - 再び2ログ：ngOnInitを構築して呼び出してください。

Plunkerは古いライブラリを使用することがあります。私はJohn Papa gitからTOHをクローン作成しました（彼はAngularとrouterの同じバージョンを使用しています）。コンソールログはDashboardComponentに変更しました。結果 - 同じ。

ngOnDestroyにDashboardComponentを追加しました。これはダッシュボードを離れるときに呼び出されます。それはデザインの振る舞いに似ています。メリットは何ですか？すでに作成されたコンポーネントを再利用するにはどうすればよいですか？

Answer 1

> = 2.3.0-rc.0

RouteReuseStrategyのルーティングコンポーネントが破壊され、再作成または再使用されるときに制御するために実装することができるカスタム。

• https://angular.io/docs/ts/latest/api/router/index/RouteReuseStrategy-class.html
• https://www.softwarearchitekt.at/post/2016/12/02/sticky-routes-in-angular-2-3-with-routereusestrategy.aspx
• https://github.com/angular/angular/issues/7757

元

これは、 "設計どおり" です。コンポーネントはルートから遠ざかるときに破壊され、ルートに戻ったときに再作成されます。

コンポーネントは、ルートパラメータのみが変更されても、ルートは同じままであれば保持されます。

いくつかのカスタムキャッシュ戦略について議論しましたが、AFAIKはまだこの方向で何も行われていませんでした。