Question

我正在使用ui-router开发一个requirejs + angularjs项目。我尝试实现嵌套视图，但只有状态更改，但模板URL未加载。

我的route-config.js

.state(ROUTE.auditGroup, {
  abstract: true,
  authenticate: true,
  data: {
    pageTitle: 'AuditMain'
  },
  views: {
    'user': {
      templateUrl: GLOBAL.viewPath + '/auditgroup.html',
    }
  }
})

.state(ROUTE.audit, {
  url: '/audit',
  authenticate: true,
  data: {
    pageTitle: 'Audit'
  },
  views: {
    'nested': {
      templateUrl: GLOBAL.viewPath + '/audit.html',
      controller: 'auditCtrl',
    }
  },
  ncyBreadcrumb: {
    label: 'Audit',
  }
})

.state(ROUTE.allidentifiers, {
  url: '/allidentifiers',
  authenticate: true,
  data: {
    pageTitle: 'All Identifiers'
  },
  views: {
    'nested': {
      templateUrl: GLOBAL.viewPath + '/audit.allidentifiers.html',
      controller: 'allidentifiersCtrl',
    }
  },
  ncyBreadcrumb: {
    label: 'All Identifiers',
  }
})

我的auditgroup.html

<div ui-view="nested"></div>

审核页面工作正常，但不会注入allidentifiers页面。一切正常，除了嵌套视图，我无法弄清楚确切的问题，状态更改成功但模板URL没有加载。需要帮助。

Plunkr https://embed.plnkr.co/oRMnMW4QoWwhSkm9maHf/

转到＆gt; list＆gt; Second Nested

我想在同一视图中包含第二个嵌套模板

Answer 1

您需要ui-view才能显示嵌套模板。请在此处查看更新的plunker：https://plnkr.co/edit/oRMnMW4QoWwhSkm9maHf?p=preview

Angular-Ui-Router状态更改但模板URL未加载嵌套状态

1 个答案: