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

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

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

2.使用@ViewChild获取dom元素

  • 1.在父组件中使用引入ViewChildAngular获取dom元素,以及父子组建之间相互传值-LMLPHP
  • 2.使用装饰符来获取父组件中使用的子组件的dom元素Angular获取dom元素,以及父子组建之间相互传值-LMLPHP
  • 3.在ngAfterViewInit()方法中修改dom元素的属性。Angular获取dom元素,以及父子组建之间相互传值-LMLPHP

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

1.父组件调用子组件的时候传入数据     Angular获取dom元素,以及父子组建之间相互传值-LMLPHPAngular获取dom元素,以及父子组建之间相互传值-LMLPHP

2.子组件引入Inupt模块Angular获取dom元素,以及父子组建之间相互传值-LMLPHP

3.子组件中@Input接收父组件传过来的数据 Angular获取dom元素,以及父子组建之间相互传值-LMLPHP

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

1.子组件引入Output和EventEmitterAngular获取dom元素,以及父子组建之间相互传值-LMLPHP

2.子组件实例化EventEmitterAngular获取dom元素,以及父子组建之间相互传值-LMLPHP

3.用一个方法发射Angular获取dom元素,以及父子组建之间相互传值-LMLPHP

4.再父组件中对子组件进行接受Angular获取dom元素,以及父子组建之间相互传值-LMLPHP

5.父组件响应方法Angular获取dom元素,以及父子组建之间相互传值-LMLPHP

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

05-02 02:13