我正在为ES6和webpack使用Bable。我在angular 1.x.x上构建一个应用程序。到目前为止,我没有遇到任何问题。我想有一个功能,我可以跟踪所有的路线变化。我正在使用UI-Router。问题是$stateChangeStart
无论如何都不会被触发。代码如下所示。
/*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);
请让我知道我做错了什么,因为状态正在改变,但$stateChangeStart
事件永远不会被触发。run
方法是我连接$stateChangeStart
侦听器的地方。
我猜这与ES6有关,但我找不到任何参考资料。谢谢。
发布于 2016-02-23 23:09:16
我遇到了类似的问题,最终意识到在ui-router
1.0中,默认情况下stateChange*
事件已被弃用和禁用。我使用的是1.0.0-alpha0
。现在可以使用转换挂钩来实现这些事件提供的功能。这在1.0 alpha的发行说明中有所涉及,可以在此处阅读:https://github.com/angular-ui/ui-router/releases/tag/1.0.0alpha0
发布于 2016-07-28 07:41:01
在Eoins答案上展开,您可以在组件控制器中使用$transitions上的钩子,如下所示
$transitions.onStart({}, ()=>{
$log.log('In start')
});
$transitions.onFinish({}, ()=>{
$log.log('In finish')
});
https://github.com/angular-ui/ui-router/releases/tag/1.0.0alpha0
发布于 2017-02-03 12:49:59
在其他答案上展开,您可以手动激活遗留的0.2.* stateChange-events。将以下模块另存为ui-router-polyfill-wrapper.js
'use strict';
import uiRouter from 'angular-ui-router';
import 'angular-ui-router/release/stateEvents';
let module = angular
.module('ui-router-polyfill-wrapper', [
uiRouter,
'ui.router.state.events',
]);
export default module;
然后在你的angular应用程序模块依赖数组中放入require('./ui-router-polyfill-wrapper').default.name
而不是require('angular-ui-router').name
。
https://stackoverflow.com/questions/35581995
复制相似问题