angularjs state.go 参数 刷新页面 参数就获取不到了 怎么办

angularjs state.go 参数 刷新页面 参数就获取不到了 怎么办,第1张

设置路由控制器

$statePrividerstate({})这个方法中的参数是对象,其中有项属性配置是cache:true/false, ,默认为true。在此,将其配置为false,此时,这个状态就不会有缓存,也就可以实现每次处于该状态时刷新页面,也就相当于实现了强制刷新。

state('marketBeian', {

url: '/market/beian',

templateUrl: 'views/market/beianhtml',

cache:false,

controller: 'MarketBeianCtrl',

data: {

title: '作业备案信息管理'

}

})

erred = $qdefer();

$>

我们在用angular-cli创建angular项目时,会默认生成一个environment文件

里面会有两个文件

这两个文件都有一个production参数,为是否是生产环境,想到这里就一目了然,我们打包后,生效的肯定是environmentprodts文件配置,值为true,实际我们在本地调试时,生效的是environmentts文件,打包后会去自动替换成environmentprodts,其中的baseUrl参数是我们自定义添加的url地址,针对不同环境会自动调用对应的地址,我们本地环境中调试可以调用一下这个environmentts

启动服务后,我们请求下接口,发现默认的地址是 >

第一步:准备工作

 将AngularJS脚本添加到该文档的当中:

在此之后,可以在将这套CCS样式添加到行内或者独立的文件当中:

{

-webkit-box-sizing:border-box;

-moz-box-sizing:border-box;

box-sizing:border-box;

font-family:sans-serif;

}

body,html{margin:0;}

p{margin:0;}

input{width:100%;}

pre{

white-space:pre-wrap;

white-space:-moz-pre-wrap;

white-space:-pre-wrap;

white-space:-o-pre-wrap;

word-wrap:break-word;

}

divrepo{

border-bottom:1pxsolid;

cursor:pointer;

}

#search,#repo,#user{float:left;}

#search{width:20%;}

#repo{width:60%;}

#user{width:20%;}

如大家所见,其中不存在任何多余的内容、只保留最基础的布局方案——将搜索栏置于右侧、库信息位于中央、用户库同样置于右侧。我们还需要将对应代码行打包至标签当中,此后我们还要利用它显示README文件内容——因为这些内容通常来自GitHub Flavored Markdown、而且其中一部分代码行与用户库列表存在重叠。

当然,大家可以向其中添加更多样式以提升成果的视觉效果——但请注意,本教程中的截图都采取最基本的外观设计。

大家可以未来需要编写的JavaScript代码置于本文档的当中或者为其建立独立文件,但独立文件仍然需要处于AngularJS脚本之下。

第二步:模块

现在我们可以为自己的应用程序创建一个模块:

varapp=angularmodule('githubsearch',[]);

接下来利用ngApp指令将其添加到标签当中:

第三步:控制器

我们还需要为自己的应用程序准备一套控制器。为了简化创建流程,我们将只为应用准备一套控制器,这样我们就不必考虑如何在不同控制器之间进行信息传递了:

appcontroller('SearchController',functionSearchController($scope){

});

第四步:基础服务

我们需要对自己的GitHub服务进行定义:

appfactory('GitHub',functionGitHub($>

最近做前端配置化查询页面时,多个查询配置为相同路由对应的同一个页面,只是参数不同,相同页面跳转时,出现了页面不刷新问题。

尝试着在对应位置使用  thisrefmarkForCheck(); thisrefdetectChanges(); 也必须滚动滚动条才能驱动页面更新。。调试发现,页面刷新了,有些原始数据已经渲染上去,但ngOnInit()函数没有执行,想着在constructor里面手动触发ngOnInit,但是除此进入时会执行两次ngOnInit。不妥。

之前跳转用的routernavigate,

thisrouternavigate([btnlinkUrl], {

        queryParams: queryParams

  });

最后找到了个好方法,在点击跳转方法里,使用routernavigateByUrl

thisrouternavigateByUrl('', {skipLocationChange:true})then(() => {

    thisrouternavigate([btnlinkUrl], {

            queryParams: queryParams

    });

});

完美了解决了问题。。

来研究一下navigate和navigateByUrl的区别吧,我先下班,后续再补。

Angular4+Ionic3-企业微信应用开发

一、搭建Ionic3项目工程

(1)、配置环境:

node安装:参照node官网( >

以上就是关于angularjs state.go 参数 刷新页面 参数就获取不到了 怎么办全部的内容,包括:angularjs state.go 参数 刷新页面 参数就获取不到了 怎么办、angularjs http使用时url的长度是否有长度限制、Angular环境变量的使用(environment)等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9382832.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-27
下一篇2023-04-27

发表评论

登录后才能评论

评论列表(0条)

    保存