在angular-route-segment中“无法读取属性'直到'未定义'

时间:2014-12-12 16:16:13

标签: javascript angularjs angular-route-segment

我正在使用angular-route-segment设置一个简单的路由配置,Angular会在app load上抛出此错误:

TypeError: Cannot read property 'untilResolved' of undefined

Angular和angular-route-segment都没有提供任何更有用的错误信息。

app.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: '/' });
})
})();

1 个答案:

答案 0 :(得分:4)

回答我自己的问题,因为我99%肯定我可能会在一个月之后再次谷歌这个问题。

这个非常简单 - 只是代码失明和稍微无法提供信息的错误信息。当你的段树中的某个名称不合适时,angular-route-segment会抛出此信息。

在我的情况下,当我的意思是.segment('emailHandle', { ... })时,我错误输入了emailHandler,然后一旦它到达.within()就被禁止了。我看到它后感到非常愚蠢。