angularjs2中父子组件的数据传递的实例代码

 // father template： ...  <child-item [name] = "fatherItemName" > </child-item>//...`

_name: string = '';@Input()set nameStr(name: string){_name = "father name:" + name;}

< child-item [namestr] = “fatherItemName” > 

get nameStr(){ return _name; }

  // father template： ...  <child-item (childEvent) = "fatherFunction($event)"> </child-item>  //...   export class FatherComponent{    fatherFunction(){     alert('hello!');   }  }

  //...  < p (click) = "clickThis"> click </ p>  //...  @Output() childEvent = new EventEmitter<boolean>();  clickThis(){  this.childEvent.emit();  }

<child-item [name] = "fatherItemName" #name > </child-item>

@ViewChild(ChildComponent) child: ChildComponent;