angularjs单页面应用刷新怎么依旧停留在原页面

我们制作单页面应用代码时会发现一个stateb需要上一个statea给他传递数据的话,在刷新本页面的同时,数据会消失,stateb会无法加载传递的数据。

原因是因为在传递参数的时候是使用的state中params来定义参数的,在刷新页面没有参数传递给stateb时,会无法加载数据,因为stateb没有收到传递过来的数据。

我们可以在url中定义参数的方式使得在刷新页面的时候能够保留下参数。因为在url中定义参数的时候,state会强制性的激活,而我们定义的参数是不会消失的。

下面是代码

functionstateConfig($stateProvider) {

$stateProvider.state('servicedetail',{

parent:'main',

url:'/servicedetail/{id}',

data: {

authorities: []

},

views: {

'@main': {

templateUrl:'app/ldkx/service/servicedetail.html',

controller:'ServiceDetailController',

controllerAs:'vm'

}

},

resolve: {

servicedataload:servicedataload

}

});

}

functionservicedataload(Merchant,$stateParams){

returnMerchant.get({id:$stateParams.id}).$promise;

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,329评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,205评论 25 709
  • Spring Boot 参考指南 介绍 转载自:https://www.gitbook.com/book/qbgb...
    毛宇鹏阅读 47,052评论 6 342
  • 本系列适合作为HTML的复习文档。 本章为body标签下的各种内容,主要参考来源: 绿叶学习网 - HTML入门教...
    琉木_阅读 4,758评论 0 0
  • 转了两个街道,看到了咖啡馆。 推开昏暗的门。对小姑娘说:一杯美咖,不用放糖和奶,加冰,谢谢。 深夜疲劳,又不肯安心...
    空中的石头1阅读 2,383评论 0 1