Angular核心-父子间组件传递数据-重难点

<app-myc01-child2-photo [child2Name]="userName"></app-myc01-child2-photo>

//普通属性不能被父组件传值
  //child2Name:string = ''
  //输入型属性：父组件可以利用这种属性传值进来
  //得使用装饰器装饰一下
  //装饰器要紧挨着要装饰的输入型属性
  //并且一个装饰器只能管一个
  //有很多输入型属性就必须写多个装饰器
  @Input()//声明为“输入型属性”
  child2Name:string = ''

<h2>{{child2Name}}的照片墙</h2>

import { Component, EventEmitter, OnInit, Output } from '@angular/core';
  //造一个事件发射器
  //输出型属性，可以向父组件输出数据
  @Output()
  private cryEvent = new EventEmitter()
 写一个事件发射数据
doModify(){
    console.log(this.userInput)
    //子组件此时想发射数据给父组件
    this.cryEvent.emit(this.userInput)
  }

<app-myc01-child1-modify (cryEvent)="doCry($event)"></app-myc01-child1-modify>
//$even是用于接收子组件发射的数据

  doCry(e: any){
    console.log('parent.docry():')
    console.log(e)
    this.userName = e
  }
  //e就是子组件想传递给父组件的数据

<div #c0 ></div>
    <app-myc01 #c1></app-myc01>
    <br>
    <app-myc02 #c2 ></app-myc02>

@ViewChild('c0',{static:true})//这个c0表示组件c1
  private c0: any;//这个c0是自己起的名字，与组件c0绑定
  @ViewChild('c1',{static:true})
  private c1: any;