angular-父子组件传递参数

父传子

父组件
<child name="小明"></child>

子组件
export class child implements OnInit {
 @Input() name:string = ""
  
  constructor() { }
  ngOnInit(): void {
  	console.log(this.name);//小明
  }
}

这里说明下，
@Input(“name”) name:string = “”;
本来应该是上面的写法的，但是由于name一样，所以可以省略
@Input(“name”) Myname:string = “”;
像上面那样就不能省略

子传父

子组件
export class child implements OnInit {
 @Input() name:string = ""
  @Output() sendData = new EventEmitter();
  constructor() { }
  ngOnInit(): void {
    this.sendData.emit("我是子组件中的数据")
  }
}

父组件
<child (sendData)="fn($event)" name="小明"></child>

export class AppComponent {
  fn(ee:any) {
      alert(ee)
  }
  constructor() {
   
  }
   
}

这里就是子组件通过方法，当子组件触发sendData函数时，父组件监听者，就可以拿到了