Javascript Angular.js-ui路由器未注入视图
我对angular.js的ui路由器有问题。 我目前正在使用angular.js进行一个项目,并使用ui路由器作为路由器。 现在的问题是,我想要一个嵌套视图,如下所示: 视图/settings/index.html(也是以前在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
内容模板没有被注入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' }
})