angular2コンポーネントにデータを渡す

-1

私は下記のようにparentから入力を受け取るangular2コンポーネントを定義しました。私の親ページでangular2コンポーネントにデータを渡す

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

、私は

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

を以下していると、親でtypescriptですがあります

data1: string = 'Test Data'; 

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

私の問題は、これが「新しいデータ」を取得していないことです。コンポーネントは常に「テストデータ」を入力として持ちます。子コンポーネントで変更されたデータを取得するにはどうすればよいですか？

2017-03-20 Aruna

ここで、OnaButtonClick関数は何ですか？子のデータを変更したい場合は、親の関数であれば[（データ）]を使う必要があります。子に関数を渡したり、子からの出力パラメータを設定したり、イベントで取得する必要があります。親 – USer22999299

OnaButtonClickは親にあります。私はただ片方向の転送（親から子へ） – Aruna

解決策が見つかりました。私は必要なデータを取得した後にこのタグを初期化するdivを追加する必要があります

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

2017-03-20 09:52:40 Aruna

答えて