Javascript Angular.js-ui路由器未注入视图

Javascript Angular.js-ui路由器未注入视图,javascript,angularjs,angular-ui,angular-ui-router,Javascript,Angularjs,Angular Ui,Angular Ui Router,我对angular.js的ui路由器有问题。 我目前正在使用angular.js进行一个项目,并使用ui路由器作为路由器。 现在的问题是,我想要一个嵌套视图,如下所示: 视图/settings/index.html(也是以前在ui路由器中创建的模板) 现在我遇到的问题是,定义的内容模板没有被注入ui view=“content”div。主要内容(views/settings/index.html)正在正确加载。在嵌套状态下,还可以使用相同的“string”:Object将模板添加到ui view

我对angular.js的ui路由器有问题。 我目前正在使用angular.js进行一个项目,并使用ui路由器作为路由器。 现在的问题是,我想要一个嵌套视图,如下所示:

视图/settings/index.html(也是以前在ui路由器中创建的模板)

现在我遇到的问题是,定义的
内容
模板没有被注入
ui view=“content”
div。主要内容(
views/settings/index.html
)正在正确加载。在嵌套状态下,还可以使用相同的
“string”:Object
将模板添加到
ui view=“content”

这是怎么来的?
提前谢谢

您必须使用
viewName@stateName
如上所述的语法

试试这个

$stateProvider.state('settings', {
  url: '/settings',
  views: {
    main: {
      templateUrl: 'views/settings/index.html',
      controller: 'SettingsController'
    },
    "content@settings": {
      templateUrl: 'views/settings/privacy.html',
      controller: 'SettingsController'
    }
  },
  ncyBreadcrumb: { label: 'Settings' }
})

我在演示应用程序中使用了ui路由器模块

您需要在视图中指定层次结构

父视图未指定给子视图,因此必须使用ViewName@parentState


尝试加载视图时,javascript控制台中是否有错误?可能存在重复的
$stateProvider.state('settings', {
  url: '/settings',
  views: {
    main: {
      templateUrl: 'views/settings/index.html',
      controller: 'SettingsController'
    },
    "content": {
      templateUrl: 'views/settings/privacy.html',
      controller: 'SettingsController'
    }
  },
  ncyBreadcrumb: { label: 'Settings' }
})
$stateProvider.state('settings', {
  url: '/settings',
  views: {
    main: {
      templateUrl: 'views/settings/index.html',
      controller: 'SettingsController'
    },
    "content@settings": {
      templateUrl: 'views/settings/privacy.html',
      controller: 'SettingsController'
    }
  },
  ncyBreadcrumb: { label: 'Settings' }
})