zoukankan      html  css  js  c++  java
  • 22子组件与父组件通信(events up)

    ①绑定事件处理函数

     在父组件中调用子组件的时候,绑定处理函数(定义在父组件中)

      第一:在父组件中定义一个带有参数的方法

          rcvMsg( data: any ) { }

      第二:调用子组件时,把这个父组件中的处理参数的方法绑定到子组件的一个事件处理函数中

          <son (myEvent)="rcvMsg( $event )" ></son>

         $event 是一个由 angular 所封装的,带有想要的参数

    ②触发事件

      子组件中触发

      import { Output , EventEmitter } from '@angular/core'

      @Output()  myEvent = new EventEmitter();

      this.myEvent.emit ( '发送给父组件的数据')

     

    注意,

      若<erzi (myEvent) = "rcvMsg( ) "></erzi> 

      rcvMsg() 中不加 $event,则会出现 undefined

      

        

  • 相关阅读:
    乱七八糟
    堆-heap
    转linux文件的读写
    @转EXT2->EXT3->EXT4
    (转)僵死进程与孤儿进程
    java
    poj-1062-昂贵的聘礼
    java 之 wait, notify, park, unpark , synchronized, Condition
    事物(笔记)
    BPX-tree
  • 原文地址:https://www.cnblogs.com/shanlu0000/p/12222090.html
Copyright © 2011-2022 走看看