angular - 如何在一个html文件中调用多个组件？

Question

嗨，对不起，这可能是一个愚蠢/简单的问题/问题，但我在尝试为 Angular 6 项目调用一个简单的 html 文件中的两个组件时遇到问题。

如果我删除 app-comp-1，app-comp-2 会出现，但如果我有两个代码，则只会显示第一个组件。

<h1>Hello World</h1>
<app-comp-1>
<app-comp-2>

标签： angular

Answer 1

Angular 模板需要一个结束标签。打开<app-comp-1>隐藏后面的内容。

下面试试。

<h1>Hello World</h1>
<app-comp-1></app-comp-1>
<app-comp-2></app-comp-2>