1.创建工程
ng new demo4
2. 创建子组件
ng g component child
3.子组件html定义
1
2
3
4
5
|
<div
class
=
"wrapper"
>
<h2>我是子组件</h2>
<div>这个div定义在子组件中</div>
<ng-content></ng-content>
</div>
|
wrapper样式定义
1
2
3
|
.wrapper{
background: lightgreen;
}
|
4. 父组件html定义
1
2
3
4
5
6
7
|
<div
class
=
"wrapper"
>
<h2>我是父组件</h2>
<div>这个div定义在父组件中</div>
<app-child>
<div>这个是父组件投影到子组件的</div>
</app-child>
</div>
|
wrapper样式定义
1
2
3
|
.wrapper{
background: cyan;
}
|
5.效果图
本文转自Work Hard Work Smart博客园博客,原文链接:http://www.cnblogs.com/linlf03/p/7260380.html,如需转载请自行联系原作者