导致'$stateNotFound`错误‘的Angular UI状态名称

Question

因此，我使用以下代码连接我的AngularUI状态视图

$stateProvider
            .state('dash.landing', {
                url: '/',
                templateUrl: '/partials/backup/dash/landing.html',
                controller: 'LandingController'
            })
            .state('dash.order', {
                url: '/overview',
                templateUrl: '/partials/backup/dash/order/index.html',
                controller: 'OrderController'
            })
            .state('dash.order.overview', {
                url: '/overview',
                templateUrl: '/partials/backup/dash/order/overview.html',
                controller: 'OverviewController'
            })
            .state('dash.order.email-accounts', {
                url: '/email-accounts',
                templateUrl: '/partials/backup/dash/order/email-accounts.html'
            })
            .state('dash.order.alerts', {
                url: '/alerts',
                templateUrl: '/partials/backup/dash/order/alerts.html'
            });

由于某些原因，我的视图没有被呈现，并且我得到了一个$stateNotFound错误，告诉我它找不到dash.landing。经过15分钟的努力，我简单地将根路由状态名称更改为dash.landing' to just bedashand all of a sudden it worked perfectly! Can someone please explain why I can't usedash.landing`？

Answer 1

是的，ui-router使用点符号来实现视图之间的父/子关系。您可以将点符号与默认routeProvider一起使用来命名路由。您还可以使用点符号来命名应用程序模块，让其他开发人员知道有一个适当的组织层次结构。