我正在使用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: '/' });
})
})();
答案 0 :(得分:4)
回答我自己的问题,因为我99%肯定我可能会在一个月之后再次谷歌这个问题。
这个非常简单 - 只是代码失明和稍微无法提供信息的错误信息。当你的段树中的某个名称不合适时,angular-route-segment会抛出此信息。
在我的情况下,当我的意思是.segment('emailHandle', { ... })
时,我错误输入了emailHandler
,然后一旦它到达.within()
就被禁止了。我看到它后感到非常愚蠢。