javascript - angularjs使用路由怎么实现返回上一页，页面内容不会刷新？

问题描述

问 题

比如一个查询的页面，上面有很多的查询条件，选择了查询条件后，得到查询结果。然后点击查询结果跳转至查询结果的
详情页面。这时在详情页面，点击返回按钮，怎么能做到返回到查询页面，但是查询页面的条件还是保留着刚刚的条件？
用的是angularjs,页面间的切换用的是视图。

解决方案

我是用service实现的，单例的，写个storeService。

#存储，例如搜索条件set('xxxSearch', {xxx});
set(key, value);

#获取，get('xxxSearch');
get(key);

附Angular2的写法(typescript)

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

@Injectable()
export class StoreService {

    private data: any = {};

    public save(key: any, data: any) {
        this.data[key] = data;
    }

    public get(key: any) {
        if(this.data.hasOwnProperty(key)) {
            return this.data[key];
        } else {
            return false;
        }
    }
}

这篇关于javascript - angularjs使用路由怎么实现返回上一页，页面内容不会刷新？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！