Question

<!doctype html>
<html lang="en">
    <head>
      <meta charset="utf-8">
      <title>UdemyApp</title>
      <app-settings></app-settings>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
      <link id="styleUrl" rel="stylesheet" href="https://bootswatch.com/4/superhero/bootstrap.min.css">
      <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>
</html>

我想要显示app-settings组件。它有一些脚本和链接。

如果无法做到这一点，我想知道如何将另一个组件添加到index.html文件中。如下所示：

<body>
  <app-settings><app-settings> 
  <app-root></app-root>
</body>

Answer 1

您可以在html页面中添加任意数量的组件。做的方法是让你的组件名称为“test-component”，然后放置

<test-component> </test-component>

在html文件中。

根据你的问题，它应该是，

<app-settings></app-settings>

Answer 2

将另一个组件添加到bootstrap的{{1}}数组：

AppModule

The bootstrap array

index.html的Angular附加组件

2 个答案: