Angular如何子向父传值

Angular如何子向父传值

父亲：

Ts:

hreo :Hreo(接口)

getHeroName(hero){

        this.hreo = hreo;

}

 

子页面接收

Herodetails.component.ts中

import { Component, OnInit,Input } from "@angular/ｃｏｒｅ";

import {Hero} from '../hero'

 

export class HerodetailsComponent implements OnInit {

@Input()　hero:Hero;

}

 

 

 

组件交互  子调父

子组件

原始按钮

Dian(evt:any){

        Alert(evt.currentTarget.id)

}

在子组件中需要导入eventEmitter  Output(输出)

 

@Output()  voted = new EventMitter();

Dian(evt:any){

        let ew = evt.currentTarget.id

        this.voted.emit(ew)

}

 

父组件中

callFather(event){

 alert(“父组件收到”,evt)

}