Angular 2中的缓存组件

Question

是否有办法缓存组件?

例如，我在一个有一些搜索结果的页面上，我想看到一个结果的细节(它在另一个页面上)，我想回来(点击浏览器的后退按钮)到结果页面，并保留搜索结果，而不需要再次搜索。

提前感谢。

我使用的是Angular 2.0.2

Answer 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];
    }

}

使用双向绑定保存所有更改