如何让孩子看到父变量变化

Question

我有一个数据传递给孩子的问题。 Excatly在此plunker：

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;