2

我正在使用 angular-route-segment 设置一个简单的路由配置,而 Angular 在应用程序加载时抛出此错误:

TypeError: Cannot read property 'untilResolved' of undefined

Angular 和 angular-route-segment 都没有提供任何对错误消息更有帮助的东西。

应用程序.js:

(function () {
'use strict';

var app = angular.module('emailHandlerApp', [
    // Angular modules 
    'ngAnimate',        // animations
    'ngRoute',          // routing
    'ngSanitize',       // sanitizes html bindings (ex: topnav.js)

    // 3rd Party Modules
    'ui.bootstrap',     // ui-bootstrap (ex: carousel, pagination, dialog)
    'route-segment',    // angular-route-segment
    'view-segment',     // angular-route-segment
]);

console.log("app loaded"); // just for debug!

})();

config.route.js:

(function () {
'use strict';

var app = angular.module('emailHandlerApp');

// Configure the routes and route resolvers
app.config(function ($routeSegmentProvider, $routeProvider) {

    $routeSegmentProvider.options.autoLoadTemplates = true;
    $routeSegmentProvider.options.strictMode = true;

    $routeSegmentProvider

        .when('/', 'emailHandler')

        .when('/unsubscribe', 'emailHandler.unsubscribe')

        .when('/redirect', 'emailHandler.redirect')

        // Base shell
        .segment('emailHandle', {
            templateUrl: 'app/shell.html',
            controller: 'baseController',
            controllerAs: 'vm',
        })

        .within()

            // Dashboard
            .segment('unsubscribe', {
                templateUrl: 'app/unsubscribe/unsubscribe.html',
                controller: 'unsubscribeController',
                controllerAs: 'vm',
                dependencies: ['emailId']
            })


            // Recruiting
            .segment('redirect', {
                templateUrl: 'app/redirect/redirect.html',
                controller: 'redirectController',
                controllerAs: 'vm',
                dependencies: ['rdId']
            })
    ;

    $routeProvider.otherwise({ redirectTo: '/' });
})
})();
4

1 回答 1

5

回答我自己的问题,因为我有 99% 的把握,我可能会在一个月后再次使用谷歌搜索。

这个超级简单 - 只是代码盲区和稍微没有信息的错误消息的问题。当您的段树中某处的名称不合适时,angular-route-segment 会抛出此错误。

就我而言,.segment('emailHandle', { ... })当我的意思是 时我打错了emailHandler,然后它一碰到.within(). 我一看到就觉得好傻。

于 2014-12-12T16:16:12.693 回答