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;