Question

将数据传递给子节点时遇到问题。兴奋地在这个掠夺者：

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;
  }

}

这是我改变变量时的主要组成部分。

我将一个输入值赋给变量，这个变量通过输入传递给child，child应该得到变量的新值。但它没有发生。有谁知道我的错误在哪里？

Answer 1

我想你想要传递<input>而不是<input>元素本身的值。

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

Plunker example

Answer 2

你的plunker代码似乎工作正常。我只是通过修改你的@input属性来看到结果：

@Input() value;

如何让孩子看到父变量更改

2 个答案: