虽然没有显示您的示例的小插曲，但我将与您分享一个示例：有效的布局示例。请观察它，以了解我将在此处尝试解释的内容
如果我们的
root状态应该是注入到中的唯一根状态
index.html，那么我们确实需要一些不同的定义：
所以对于index.html
// index.html<body> <div ui-view="layout"> </div></body>
我们将需要以下语法：
$stateProvider .state('root', { url: '', views: { 'layout': { templateUrl: 'partials/layout/1-column.html' }, 'header@root': { templateUrl: 'partials/layout/sections/header.html' }, 'footer@root': { templateUrl: 'partials/layout/sections/footer.html' } } })这是 'header@root'
什么 这是绝对的命名。在这里检查：
- 视图名称-相对名称与绝对名称 （以下小引用）
- 而在这里我试图expain，在详细
在幕后，每个视图都被分配一个遵循方案的绝对名称
'viewname@statename'
，其中viewname是view指令中使用的名称，状态名称是该状态的绝对名称，例如contact.item。您还可以选择以绝对语法编写视图名称。
其他状态定义也是如此。因为’root.signup’具有直接父级’root’，所以现有语法可以正常工作
.state('root.signup', { url: '/signup', views: { 'step-breadcrumb': { // working AS IS ...但是我们可以使用绝对命名，它也可以正常工作
.state('root.signup', { url: '/signup', views: { 'step-breadcrumb@root': { // absolute naming ...因为无论如何这就是它的工作原理。
请查看布局示例以了解更多详细信息
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）