javascript - angularjs使用路由怎么实现返回上一页,页面内容不会刷新?
阿神
阿神 2017-04-10 17:47:10
[JavaScript讨论组]

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

阿神
阿神

闭关修行中......

全部回复(4)
大家讲道理

我是用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;
        }
    }
}
ringa_lee

你切换路由的时候伴随着请求数据,重新渲染页面,你的需求其实可以用状态管理工具解决,angularjs的话推荐 ng-redux ,你将查询条件的状态存到 store 里去,然后跳转回来再从 store 取出来赋值进去,实现跨组件跨页面的传输,类似的库还有 Flux(不推荐使用)

大家讲道理

我是用$rootScope实现的

PHP中文网

$state.go('上一个页面',{查询参数})

把参数传回查询的页面 就可以了

window.history.back() 返回上一页面 貌似也可以实现

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号