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

  • 相关阅读:
    使用IOCP完成端口队列做任务队列
    对Zlib单元进行再封装
    XmlReader/XmlWriter 类
    TextReader/TextWriter 的类
    LINQ to XML
    Xml序列化
    动态Linq(结合反射)
    设计模式总结
    深入了解.Net上下文
    应用程序域
  • 原文地址:https://www.cnblogs.com/1521681359qqcom/p/11695821.html
Copyright © 2020-2023  润新知