在angular2组件

Question

我定义了一个angular2组件，它从父节点获取输入，如下所示。

@Input() data: string;
 ngOnInit() {
        console.log(this.data);
    }

在我的父母页面中，我有以下

 <div class="row">
   <test-ui  [data]="data1">
   </test-ui>
 </div>

并且父母的打字稿有：

data1: string = 'Test Data';

OnaButtonClick(){
this.data1 = 'New Data';
}

我的问题是这不是“新数据”。该组件始终具有“测试数据”作为输入。 如何在子组件中获取更改的数据？

Answer 1

我找到了解决方案。我只需要添加一个div，它将在我获得所需的数据后初始化此标记

 <div class="row" *ngIf="data1">
 <test-ui  [data]="data1">
   </test-ui>
 </div>