2016-10-19 8 views
0

コンポーネントをキャッシュする方法はありますか?キャッシュコンポーネントの角2

たとえば、いくつかの検索結果を含むページにあり、結果の詳細(他のページにあること)を確認したいと思います(ブラウザの戻るボタンをクリックして結果ページに戻ります)。再度検索せずに検索結果を保持することができます。

ありがとうございます。

私はこの単純なサービスを使用アンギュラ2.0.2

+0

「Angular 2 Httpネットワークコールの結果をRxJs 5で共有する正しい方法は何ですか?」(http://stackoverflow.com/questions/36271899/what-is-the-correct-way 2-http-network-call-in-of-an-angular-2-share-of-share) –

答えて

1

を使用しています:

import { Injectable } from '@angular/core'; 


@Injectable() 
export class SessionService { 
    storage = {}; 


    constructor() { } 


} 

コンポーネント:双方向結合を使用して

let selector = 'app-mycomponent'; 

export class MyComponent implements OnInit { 


    session = { 
     'table': { 
      'page': 1, 
      'rows': 10, 
      'sortOrder': 'asc', 
      'orderBy': null 
     }, 
     'form': { 
      'field1': null, 
      'field2': null, 
      } 
     } 
    }; 

    constructor(private sessionService: SessionService) { } 

    ngOnInit() { 
     this.sessionService.storage[selector] == null ? this.sessionService.storage[selector] = this.session : this.session = this.sessionService.storage[selector]; 
    } 


} 

は、すべての変更を保存します。