Как я могу добавить HTML от компонента к другому компоненту в угловых 6

Question

У меня в app.component.html

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

в nominapp-right-side.html У меня

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

В extra-co.html У меня есть

<div>abcdd</div>

Как добавить из компонента extra-co.html в nominapp-right-side.html внутри тега <div id="contenido1"></div> ???

Answer 1

//In nominapp-right-side.html
<div>aaa</div>
  <div id="contenido1">
  <app-extra-co></app-extra-co>
  </div>
<div>asdsss</div>

//In extra-co.html
<div>abcdd</div>

//In app.component.html
<app-nominapp-right-side></app-nominapp-right-side>

Попробуйте это

Answer 2

<extra-co></extra-co> Вы уже имели это в своем примере, добавив <nominapp-right-side></nominapp-right-side> к app-component.html

Вот пример того, как я это сделал:

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

'test2'находится внутри другого компонента и выглядит следующим образом:

Практическим примером использования этого на моем веб-сайте является добавление панели навигации на каждую страницу: 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>