子供が親変数を変更する方法

Question

子供にデータを渡す際に問題があります。このplunkerでExcatly ：

http://plnkr.co/edit/G1EgZ6kQh9rMk3MMtRwA?p=preview

@Component({ 
    selector: 'my-app', 
    template: ` 
    <input #x /> 

    <br /> 
    <child [value]="variable"></child> 

    <button (click)='test(x.value)'>Button</button> 
    `, 
    directives: [ ChildComponent ] 
}) 
export class AppComponent { 
    public variable; 


    test (x:any){ 
    console.log('test',x); 
    this.variable = x; 
    } 

} 

私は、変数を変更する私の主成分です。

私は変数に入力値を代入します。この変数は、入力を子に渡し、子は変数の新しい値を取得する必要があります。 しかしそれは起こりません。 誰かが私のミスをどこに知っていますか？

Answer 1

<input>の値を<input>要素自体に渡したくないと思います。

<child [value]="x.value"></child> 

Plunker example

Answer 2

あなたplunkerコードが正常に動作するようです。私はちょうどこれにあなたの@inputプロパティを変更することで、結果を確認することができました：

@Input() value;