Angular6 如何将html从组件附加到angular 6中的另一个组件

我在app.component.html中有

<nominapp-right-side></nominapp-right-side>

在nominapp right side.html中，我有

<div>aaa</div>
<div id="contenido1"></div>
<div>asdsss</div

<div>abcdd</div>

aaa
asdsss

通过将
添加到
app component.html

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<app-navigation></app-navigation>

<router-outlet></router-outlet>

下面是我这样做的一个例子：

test
<app-navigation align="middle"></app-navigation>
test3
<router-outlet></router-outlet>


通过将
添加到
app component.html

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<app-navigation></app-navigation>

<router-outlet></router-outlet>

下面是我这样做的一个例子：

test
<app-navigation align="middle"></app-navigation>
test3
<router-outlet></router-outlet>

//在nominapp-right-side.html中
aaa
asdsss
//在extra-co.html中
abcdd
//在app.component.html中

在nominapp-right-side.html中试试这个
aaa
asdsss
//在extra-co.html中
abcdd
//在app.component.html中

---

试试这个

，但问题是当我需要将其他不同的组件附加到额外的co时，例如component2.html。不同的组件可以附加到nominapp-right-side.htmlb中，但问题是当我需要将其他不同的组件附加到额外的co中时，例如component2.html。不同的组件可以附加到nominapp-right-side.html中