1.在父组件中如果想要使用子组件需要引入子组件
父组件的部分html的html代码,如下图所示:
<
header
class=
"header navbar navbar-fixed-top-xs"
>
<
top-nav #
topNav
></
top-nav
>
</
header
>
父组件的componet.ts代码如下:
@
ViewChild(
'topNav')
public
topNav:
TopNavComponent;
从中我们可以发现父组件要想获取子组件,父组件的html在使用子组件的标签时,必须加上#名称,而名称即为@ViewChild('')括号中的参数