Angular获取dom元素，以及父子组建之间相互传值

1.使用原生js代码获取dom元素

在ts文件中有一个ngOnInit()的方法，这个方式是指在模块加载完毕之后并不是dom加载完毕，也就是说如果你的dom元素中使用的angular的指令，然后想在这个方法中修改dom元素是不可能的，

但是有另一个方法ngAfterViewInit()的方法，是表示dom加载完毕之后执行的方法，所以获取dom元素的动作可以放在这里面

2.使用@ViewChild获取dom元素

• 1.在父组件中使用引入ViewChild

  

• 2.使用装饰符来获取父组件中使用的子组件的dom元素

  

• 3.在ngAfterViewInit()方法中修改dom元素的属性。

  

二：父子组建之间相互传值

1.父组件调用子组件的时候传入数据     

 

 

 

 

2.子组件引入Inupt模块

3.子组件中@Input接收父组件传过来的数据 

 

三：output实现父子组件的通信(子组件主动推送)

 

 1.子组件引入Output和EventEmitter

 

 

 2.子组件实例化EventEmitter

 

 

 3.用一个方法发射

4.再父组件中对子组件进行接受

 

5.父组件响应方法

 

 

 这里的e就是在子组件中广播的那句话。