通过点击事件上的选择器将数据从父级传递给子级答案

【问题标题】：Pass data from parent to child via selectors on click event通过点击事件上的选择器将数据从父级传递给子级
【发布时间】：2018-11-26 12:19:26
【问题描述】：

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

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

通过选择器加载子组件后，更改似乎没有效果，或者子组件没有意识到这一点。我的印象是数据更改后，子组件自动知道更改。

加载后如何将新数据从父级传递给子级？

【问题讨论】：

标签： angular6

【解决方案1】：

我已尝试重现您的问题，如下 plnkr。但它按预期工作正常。

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

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

【讨论】：