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就是在子组件中广播的那句话。

原文地址:https://www.cnblogs.com/1521681359qqcom/p/11695821.html