Question

我创建了一个Angular组件，它是引导程序的底部导航栏，我想在正文之后称呼此组件，因为正如这里所说的https://getbootstrap.com/docs/3.3/components/#navbar-fixed-top “除非您在正文底部添加填充，否则固定的导航栏将覆盖您的其他内容”

我的问题是，当我尝试在文件index.html中调用我的组件时，它只会被忽略：

<!doctype html>
 <html lang="en">
  <head>
   <meta charset="utf-8">
   <title>Infotel Quotation</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-root></app-root>
  </body>
  <app-bottom-bar></app-bottom-bar>
</html>

我只能从app.component.html中调用它，但是如果我这样做，我的组件将在体内

我试图将<body> </body>移至app.component.html文件中，但不起作用

我简单的app.component.html：

<router-outlet></router-outlet>

任何帮助将不胜感激

如何在身体外部调用Angular组件

0 个答案: