javascript - angularjs 嵌套路由不加载布局

Question

.state('home', {
      url: '/',
      templateUrl: 'index.html',
      abstract:true
 })
.state('home.dashboard', {
      url: '/dashboard',
      templateUrl: 'dashboard/index.html',
      controller: 'dashboardCtrl'
 })

我未能加载 index.html当我访问 example.com/dashboard , 我只能得到里面的原始 html dashboard/index.html .这很奇怪，因为在 index.html我已经宣布 <ui-view></ui-view>在体内所以我期待dashboard/index.html成为 index.html 的 child .

推了一个repo我的代码。

Answer 1

您实际上并没有嵌套状态；您只需拥有一个主要的 index.html 文件，作为您的应用程序、它的依赖项和您的 View 的容器。 Angular 不会加载您的主 index.html 页面，index.html 页面会加载 Angular。

因此您的“家”状态不需要有 templateUrl。例如，如果您的仪表板 View 有一个可以根据用户操作加载不同模板的内部 View ，您将使用嵌套状态。请参阅 Angular UI 路由器的 documentation有关嵌套 View 的一些示例用例。