
设置路由控制器
$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)等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)