页眉和页脚未显示在页面上
曼达克
我想在我的应用程序的每个页面/路由上显示页眉和页脚。
<header>和<footer>都是定义了html视图的组件，它们可以正确显示在没有<router-outlet>标签的模板中。
但是当与 <router-outlet>
import { Component } from "angular2/core";
import { LoginComponent } from "./login/component/login.component";
import { DemoPageComponent } from "./demo_page/demo_page.component";
import {TaskPageComponent} from "./task/component/task_page.component";
import {
ROUTER_DIRECTIVES,
ROUTER_PROVIDERS,
HashLocationStrategy,
LocationStrategy,
Router,
RouteConfig,
ComponentInstruction
} from 'angular2/router';
import {Header} from "./components/core/header/header.component";
import {HeaderSecondary} from "./components/core/header_secondary/HeaderSecondary";
import {Footer} from "./components/core/footer/footer.component";
@Component({
selector: 'app',
directives: [ROUTER_DIRECTIVES, Header, HeaderSecondary, Footer],
template: `
<header></header>
<header-secondary></header-secondary>
<router-outlet></router-outlet>
<footer></footer>
`
})
@RouteConfig([
{ path: '/', name: 'Root', redirectTo: ['Login'] },
{ path: '/login', name: 'Login', component: LoginComponent },
{ path: '/demoPage', name: 'DemoPage', component: DemoPageComponent },
{ path: '/tasks', name: 'TaskPage', component: TaskPageComponent }
])
export class App {
constructor(public router: Router) { }
}
页眉/页脚视图未呈现。
我加载的DOM看起来像这样
我无法展开标头html，就像未正确加载，而我的<demo-page>组件已正确加载一样。
有什么建议，为什么页眉/页脚对未正确加载？
曼达克
使用了错误的组件选择器。问题解决了
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
在首页上隐藏页眉和页脚，但在其他页面上显示
- 2
UICollectionViewController 页脚/页眉未显示
- 3
Bootstrap页眉和页脚未显示移动设备上的链接
- 4
ember.js在所有页面上添加页眉和页脚的最佳方法
- 5
网站优化和页眉/页脚页面
- 6
wampserver不显示页脚和页眉或CSS
- 7
我不能在同一页面上同时拥有个性化页脚和页眉
- 8
页眉/导航栏/页脚元素未导入新页面
- 9
页面上的语言未显示
- 10
集合未显示在页面上
- 11
如何使页眉和页脚文件包含在多个页面中
- 12
如何不将页眉和页脚传递到每个页面
- 13
如何使页眉和页脚文件包含在多个页面中
- 14
如何隐藏特定页面的redmine页眉和页脚？
- 15
为我的角度页面创建复杂的页眉和页脚
- 16
MigraDoc页眉和页脚
- 17
在每个pdf页面上添加页脚和页脚对齐的文本
- 18
html / css页眉和页脚未填充整个空间
- 19
WordPress插件插入页眉和页脚未运行脚本
- 20
Angular 8 在页眉和页脚之间路由组件未显示在控制台上没有错误
- 21
我如何只在某些页面上显示页眉而不是全部
- 22
条件为False时禁止显示明细，页眉和页脚
- 23
AWK命令显示页眉，转换和页脚吗？
- 24
WordPress列表父页面和子页面/父标题未显示在父页面上
- 25
在已经由页面级页眉和页脚界定的内容中添加固定页脚
- 26
粘性页脚和固定页眉
- 27
ABCpdf复制页眉和页脚
- 28
inAppBrowser的本机页眉和页脚
- 29
PHP的模板页眉和页脚
我来说两句