记录angular父子组件传值

Input,Output,eventEmitter

• 子组件 <app-header >

<div (click)="sendPerent"> </div>
@Output() private outer = new eventEmitter();

sendPerent(){
this.outer.emit('key,value')
}

• 父组件

<app-header (outer)="run">
run(e){
	console.log(e)
}

---

父组件

1. <app-header [title]=‘title’ >

2. 在子组件引入装饰器 Input

import { Component, OnInit, ViewChild,Input } from '@angular/core';
@Input() title:any;