Angular2の@Inputと@Outputの違いは何ですか

Question

私はAngular2を学んでいます。私は@Inputと@Outputを見つけました。両者の違いは何ですか？

Answer 1

@Input()ここ成分

class ChildComponent { 
    @Input() data; 
} 

@Component({ 
    template: `<child [data]="parentData"></child> 
}) 
class ParentComponent { 
    parentData; 
} 

にでをParentComponentデータを通過させることである@Input()プロパティによって子にデータを渡しています。 [data]は、子コンポーネント内のプロパティと同じ名前です。あなたは、プロパティ名とは異なる名前を使用したい場合は、@Input('diff-name')

@Outputを使用することができ、データを発するようです（イベント）ChildComponentここでコンポーネント

class ChildComponent { 
    @Output() dataChange = new EventEmitter(); 

    click() { 
    dataChange.emit('new Value'); 
    } 
} 

@Component({ 
    template: `<child (dataChange)="onDataChange($event)"></child> 
}) 
class ParentComponent { 

    onDataChange(event) { 
    console.log(event); 
    } 
} 

からアウトは、それ@Outputを持っていますにイベントを送信します。親はリスンしてコールバックを(dataChange)に渡します。子がイベントを発行するたびに、親コールバックがイベントの受け渡しと呼ばれます。