Question

我有一个父子组件关系。我想通过单击按钮连续将数据从父级传递到子级。

parent.componet.ts

 data = '';
change(){
 data = 'new data';
 }

parent.component.html

  <child [parent_data]='data'></child>
  <button (click)="change()">Change</button>

child.component.ts

  @Input() parent_data = '';

child.componet.ts

   {{parent_data}}

一旦通过选择器加载了子组件，则该更改似乎没有作用或子组件不知道该更改。数据更改后给我的印象是，子组件自动知道了更改。

一旦加载了新的数据，我如何将新数据从父级传递给子级？

Answer 1

我试图按照plnkr的方式重现您的问题。但它按预期工作正常。

<child [parent_data]='data'></child>
<button (click)="change()">Change</button>

有关双向数据绑定的更多信息，请检查