我可以在angular2中的index.html中添加组件选择器

时间:2017-07-13 12:09:14

标签: angular

我制作了一个标题组件,以便在整个网站中保持我的标题一致,这样我就不必重复编写标题代码了。将选择器放在index.html文件中时,我无法看到结果。请告诉正确的方法

index.html文件

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>stuff</title>
    <base href="/">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>

<body>
    <app-header></app-header>
    <app-root></app-root>


</body>

</html>

我只有一个段落标记说&#39;标题有用&#39;在我的headerComponent中,它全部由angular-cli生成,没有进行任何修改。

1 个答案:

答案 0 :(得分:2)

将其放在<router-outlet> </router-outlet>标记上方的app.component.html中: -

<div> <app-header></app-header> </div> <router-outlet> </router-outlet>