javascript - Angular ui 路由器 : onEnter function is not firing when new state is entered

Question

我正在尝试通过构建常用的待办事项应用程序来学习 ui-router 和 Angular。

我的状态提供程序代码如下所示:

app.config(['$httpProvider', '$stateProvider', '$urlRouterProvider', function ($httpProvider, $stateProvider, $urlRouterProvider) {
    'use strict';
    $stateProvider
        .state('alltasks', {
            url: '',
            templateUrl: '/templates/tpl.alltasks.html',
            controller: 'TasksCtrl'
        })
        .state('addtask', {
            url: '/add',
            template: 'test',
            onEnter: function () {
                console.log('entered projects add state');
            }
        });
}]);

我预计当我进入 addtask 状态时 console.log 会触发，但事实并非如此。

Answer 1

您发布的代码没有任何问题。这是一个可以比较的工作 plunkr: plnkr.co/edit/GMfwVYXIXM2p7kkQU1Xj?p=preview 。特别是，您可能想检查您的库版本以及您实际上正在链接/导航到 addtask 状态。