Question

我是Angular的初学者。我想在我的项目中创建一个新组件，但是当我在index.html中使用它时，它不会呈现。

我使用了以下命令：

ng new test
cd test
ng generate component radio

在我编辑了index.html之后：

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>test</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>Loading...</app-root>
  <app-radio>Loading...</app-radio>
</body>
</html>

我做ng serve时的结果：

 app works!
 Loading...

在app / radio / radio.component.html中，我自动生成了以下代码：

<p>
  radio works!
</p>

那么，为什么它不显示在我的浏览器中？我的错误在哪里？

Answer 1

您的应用程序根是您的角度应用程序的应用程序容器。

将<app-radio></app-radio>设置在app.component.html中，您应该会看到它。

希望有帮助！

Answer 2

正如提到的 @Florian Bastianelli

<app-root></app-root>是有角容器，因此您需要将<app-radio></app-radio>放置在主模块中。

新组件未呈现Angular

2 个答案: