在UI-Router ES6中的状态更改时，$ stateChangeStart不被触发？ [英] $stateChangeStart not being fired when state Changes in UI-Router ES6?

问题描述

我正在使用Bable for ES6和webpack。我在1.x.x版上，并构建一个应用程序。到目前为止，我没有遇到任何问题。我想要一个功能，我可以跟踪所有的路线变化。我正在使用UI-Router。问题是，$ code> $ stateChangeStart 不会被触发。代码如下所示。

  / *所有包含都被照顾。请看run / b $ b formlyBootstrap，
 ngMessages，
 angularLoadingBar，
'ngNotificationsBar'，
'jkuri.datepicker'，
'LocalStorageModule'，
'ncy-角形面包屑，
'mgo-angular-wizard'，
'luegg.directives'，
'ngToast'，
'ui.mask'，
 / *应用模块* / 
 angularnvd3，
 chpConstants，
菜单，
标题，
面包屑，
 auth，
仪表板，
 
 
 
 .run（''$ rootScope'，function（$ rootScope）{
 $ rootScope。$ on（'$ stateChangeStart'，（） => {
 console.log（'lol'）
}）
}]）
的.config（路由）; 
  

请让我知道我做错了什么，因为状态正在变化，但$ code> $ stateChangeStart 事件永远不会被触发。 运行方法是我与 $ stateChangeStart 监听器挂钩的地方。

我猜想它与ES6有关，我无法找到任何参考。
谢谢。

解决方案

我有一个类似的问题，最终意识到 stateChange * / code>事件已被弃用，默认情况下在 ui-router 1.0中被禁用。我使用 1.0.0-alpha0 。
现在可以使用转换钩子来实现这些事件提供的功能。这在1.0 alpha版本的说明中有所描述，可以在这里阅读： https：/ /github.com/angular-ui/ui-router/releases/tag/1.0.0alpha0

I am using Bable for ES6 and webpack. I am on angular 1.x.x and building an application. Till now I did not hit any problem. I want to have a functionality where I can track all the Route Changes. I am using UI-Router. The problem is that $stateChangeStart is not getting triggered anyways. The code is mentioned below.

/*All includes are taken care of. Please look at the run method*/

angular.module('chpApp', [
        uirouter,
        angular_animate,
        uibootstrap,
        formly,
        formlyBootstrap,
        ngMessages,
        angularLoadingBar,
        'ngNotificationsBar',
        'jkuri.datepicker',
        'LocalStorageModule',
        'ncy-angular-breadcrumb',
        'mgo-angular-wizard',
        'luegg.directives',
        'ngToast',
        'ui.mask',
        /*Application Modules*/
        angularnvd3,
        chpConstants,
        menu,
        header,
        breadcrumb,
        auth,
        dashboard,
        programs,
        device
    ])
    .run(['$rootScope', function($rootScope) {
        $rootScope.$on('$stateChangeStart', () => {
            console.log('lol')
        })
    }])
    .config(routing);

Please let me know what I ma doing wrong because the state is getting changed but the $stateChangeStart event never gets triggered. The run method is the place where I am hooking up with the $stateChangeStart listener.

I guess its something to do with ES6 and I am not able to find any reference. Thanks.

解决方案

I had a similar problem and eventually realised that the stateChange* events have been deprecated and disabled by default in ui-router 1.0. I'm using 1.0.0-alpha0. The functionality provided by these events can now be achieved using transition hooks. This is covered in the release notes for the 1.0 alpha and can be read here: https://github.com/angular-ui/ui-router/releases/tag/1.0.0alpha0

这篇关于在UI-Router ES6中的状态更改时，$ stateChangeStart不被触发？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！