如何在Angular 6中将HTML从组件追加到另一个组件

时间:2019-10-10 01:36:53

标签: angular6 angular7

我在 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 附加到标签<div id="contenido1"></div>内的 nominapp-right-side.html 中?

2 个答案:

答案 0 :(得分:0)

<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'在其他组件内部,出现的是:enter image description here

在我的网站中,一个实际的用例是将导航栏添加到每个页面: 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>

答案 1 :(得分:0)

tableView.allowsMultipleSelection = true

尝试一下