zdo state changechangesuccess什么时候触发

问题: (angularjs)$stateChangeSuccess事件在状态跳转的时候不执行?
描述:我想利用$stateChangeSuccess事件里的参数进行做操作,但是$stateChangeSuccess总是不执行,请问$stateChangeSucces的使用有什么规范吗?初学请多赐教!解决方案1:console.log(toState.name)试下解决方案2:代码没有看出什么问题,可以检查你的run文件有没有引入
以上介绍了“ (angularjs)$stateChangeSuccess事件在状态跳转的时候不执行?”的问题解答,希望对有需要的网友有所帮助。
本文网址链接:/itwd/3133998.html
上一篇: 下一篇:AngularJS监听路由的变化示例代码
作者:宋俊波
字体:[ ] 类型:转载 时间:
这篇文章给大家分享了如何利用AngularJS监听路由的变化,文中给出了示例代码相信对大家的理解很有帮助,有需要的朋友们可以参考借鉴。
话不多说,我们下面直接来看实现的示例代码
【一】Angular 路由状态发生改变时可以通过' $stateChangeStart '、' $stateChangeSuccess '、' $stateChangeError '监听,通过注入'$location'实现状态的管理
代码示例如下:
function run($ionicPlatform, $location, Service, $rootScope, $stateParams) {
//路由监听事件
$rootScope.$on('$stateChangeStart',
function(event, toState, toParams, fromState, fromParams) {
console.log(event);
console.log(toState);
console.log(toParams);
console.log(fromState);
console.log(fromParams);
if (toState.name == "homePage") {
//获取参数之后可以调请求判断需要渲染什么页面,渲染不同的页面通过 $location 实现
if (toParams.id == 10) {
//$location.path();//获取路由地址
// $location.path('/validation').replace();
// event.preventDefault()可以阻止模板解析
// stateChangeSuccess 当模板解析完成后触发
$rootScope.$on('$stateChangeSuccess', function(event, toState, toParams, fromState, fromParams) {
// $stateChangeError 当模板解析过程中发生错误时触发
$rootScope.$on('$stateChangeError', function(event, toState, toParams, fromState, fromParams, error) {
【2】在页面渲染中 可通过' $viewContentLoading '和 ' $viewContentLoaded '监听页面渲染状态:渲染开始和渲染结束。
(在控制器中添加以下代码实现监听)
// $viewContentLoading- 当视图开始加载,DOM渲染完成之前触发,该事件将在$scope链上广播此事件。
scope.$watch('$viewContentLoading',function(event, viewConfig){
alert('模板加载完成前');
//$viewContentLoaded- 当视图加载完成,DOM渲染完成之后触发,视图所在的$scope发出该事件。
$scope.$watch('$viewContentLoaded',function(event){
alert('模板加载完成后');
以上就是这篇文章的全部内容,希望能对大家的学习或者工作带来一定的帮助,如果有疑问大家可以留言交流。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具$stateChangeStart状态改变事件及参数说明 - CSDN博客
$stateChangeStart状态改变事件及参数说明
我初入angularjs,公司只有我一个前端,遇到过许多的坑,主要原因还是对angularjs的很多东西不熟悉,这次就让我来说说$stateChangeStart事件吧,大家共勉
相关连接 /hughtxp/p/3965916.html&
状态改变事件
$scope.$on('$stateChangeStart',
function(event, toState, toParams, fromState, fromParams), {
event.preventDefault();});
event:该事件的基本信息
toState:我们可以得到当前路由的信息,比如路由名称,url,视图的控制器,模板路径等等
toParams:我们可以得到当前路由的参数fromState:我们可以得到上一个路由的信息,比如路由名称,url,视图的控制器,模板路径等等fromParams:我们可以得到上一个路由的参数
可以触发的事件包括:
stateChangeStart
当状态改变开始的时候被触发
$stateChangeSuccess
当状态改变成功后被触发
$stateChangeError
当状态改变遇到错误时被触发,错误通常是目标无法载入,需要预载入的数据无法被载入等。
本文已收录于以下专栏:
相关文章推荐
ng+bootstrap可以做出很漂亮的管理系统出来,/可以付费购买,下文会提供一个免费的,要讲解如何从0到1把ng前端结构搭出来是很漫长的教程,本文...
Angular 路由状态发生改变时可以通过'$stateChangeStart'、'$stateChangeSuccess'、'$stateChangeError' 监听,通过注入'$location...
$state方法:
go()  
$state属性:
$state事件
$stateChangeError
$stateChangeSt...
EventHandler事件委托,事件就是类或者对象的状态发生改变时,对象或类发出的信息或通知。发出信息的对象或者类称为“事件源”,对事件处理的方法称为“接收者”。通常事件源在发出状态改变信息,它并不...
input多选按钮变成圆形按钮;点击时状态改变(checked)属性与点击触发事件的优先顺序
最近用到jQuery EasyUI 的时候在datagrid编辑状态的时候,输入值统计合计的时候没有文本改变事件.
所以特地加上了文本改变事件用于统计合计...easyui的版本是1.4.3
zTree 简介
    zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。
    zTree 是开源免费的...
BLE_SendData函数gap_att_report结构体设置
     BLE_SendData函数具体代码如下:
void BLE_SendData(uint8_t *buf, uint8_...
他的最新文章
讲师:吴岸城
您举报文章:
举报原因:
原文地址:
原因补充:
(最多只允许输入30个字)react redux 某个state变化之后 如何触发一些操作? - 知乎117被浏览11030分享邀请回答5添加评论分享收藏感谢收起jrange onstatechange,jrange的ondragend_onstatechange_onpanelstatechange_jrange_input range change_statechangestart_jrange ondragend_statechangesuccess_range change - 一点通}

我要回帖

更多关于 statechangestart 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信