Javascript AngularJS-未使用ui路由器显示嵌套视图

我正在将我找到的一个项目升级到Angular的最新版本，并为Angular 2转换等做准备。因此，我正在使用

ui router

在Angular中使用一些嵌套视图，并且只有当嵌套视图作为

ng模板

文件显式包含在

索引

页面中时，我才能显示它们

index.jade

script(type="text/ng-template", id="404")
    include partials/404
script(type="text/ng-template", id="home")
    include partials/home
script(type="text/ng-template", id="private/layout")
    include partials/private/layout
script(type="text/ng-template", id="private/home")
    include partials/private/home
script(type="text/ng-template", id="private/nested")
    include partials/private/nested
script(type="text/ng-template", id="private/nestedAdmin")
    include partials/private/nestedAdmin

app.routes.js

(function() {
  'use strict';

  angular
    .module('app.routes', [
      'ui.router'
    ])

  .config(function($stateProvider, $urlRouterProvider, $locationProvider) {

    var access = routingConfig.accessLevels;

    // Public routes
    $stateProvider
        .state('public', {
            abstract: true,
            template: "<ui-view/>",
            data: {
                access: access.public
            }
        })
            .state('public.home', {
                url: '/',
                templateUrl: 'home'
            })
            .state('public.404', {
                url: '/404',
                templateUrl: '404'
            });

    // Regular user routes
    $stateProvider
        .state('user', {
            abstract: true,
            template: "<ui-view/>",
            data: {
                access: access.user
            }
        })
            .state('user.profile', {
                url: '/profile',
                templateUrl: 'profile',
                controller: 'profileController',
                controllerAs: 'vm'
            })

            .state('user.private', {
                abstract: true,
                url: '/private',
                templateUrl: 'private/layout'
            })
                .state('user.private.home', {
                    url: '/',
                    templateUrl: 'private/home'
                })
                .state('user.private.nested', {
                    url: '/nested',
                    templateUrl: 'private/nested'
                })

                .state('user.private.admin', {
                    url: '/admin',
                    templateUrl: 'private/nestedAdmin',
                    data: {
                        access: access.admin
                    }
                });

  });

})();

无ng模板

<div data-ui-view="data-ui-view" class="col-md-6 col-md-pull-4 ng-scope"></div>

---

有什么想法吗？

我在这里找到了自己的答案：

原来这是Jade/ui路由器的问题，我不确定是哪个。解决方案是使用纯HTML包含

ui视图

，或者将

doctype HTML

放在部分文件的顶部

---

这是一个令人困惑的问题，因为嵌套模板在使用

ng template

注入

$templateCache

时工作良好，如我的帖子所示。

在这里找到了我自己的答案：

原来这是Jade/ui路由器的问题，我不确定是哪个。解决方案是使用纯HTML包含

ui视图

，或者将

doctype HTML

放在部分文件的顶部

这是一个令人困惑的问题，因为嵌套模板在使用

ng template

注入

$templateCache

时运行良好，如我的帖子所示

<div data-ui-view="data-ui-view" class="col-md-6 col-md-pull-4 ng-scope"></div>