子コンポーネントに渡すデータをサーバーから取得したとき更新が反映されない

Question

###前提・実現したいこと
Angularで、dataを渡すとデータテーブルを表示する MyDataTableComponent を作りました。
dataをサーバーからとってきたら表示を更新させたいのですがやり方が分かりません。

データ取得とテーブル表示のコンポーネントを分けない場合に動くことは確認していますが、
MyDataTableComponent に切り分けてプロパティバインディングでdataを渡すようにした場合に動かないという状況です。渡し方を間違えているのではないかと思いますが良い方法が分かりません。

###試したこと（追記）
MyDataTableComponent 内でのフィルタ操作をsetTimeoutで1秒後にするなどしたら
動作したので、dataの更新後にfilterが実行できるようにすればよさそうだということまでは分かりました。

###該当のソースコード（抜粋）

MyDataTableComponent 呼び出し元

@Component({
  providers: [GetDataService],
  selector: 'my-app',
  templateUrl: './myapp.component.html',
  styleUrls: [
    '../../my-data-table/my-data-table.component.css',
    './myapp.component.css'
  ]
})
export class MyAppComponent implements OnInit {

  data = [];

  constructor(
    private httpService: GetDataService
  ) {}

  ngOnInit() {
    this.httpService.GetData().then( x => { this.data = x; });
  }
}

<my-data-table [data]='data'></my-data-table>

MyDataTableComponent 側

@Component({
  selector: 'my-data-table',
  templateUrl: './my-data-table.component.html',
  styleUrls: ['./my-data-table.component.css']
})
export class MyDataTableComponent implements OnInit {

  @Input()  data = [];
  filteredData = [];

  constructor() {}

  ngOnInit() {
    // this.filteredData = this.data.filter( x => this.filterFunction(x) );
    setTimeout(
     () => {
       this.filteredData = this.data.filter( x => this.filterFunction(x) );
       console.log( this.data, this.filteredData )
     }, 1000 );
  }

  filterFunction(x): boolean { return true; }
}

###補足情報(言語/FW/ツール等のバージョンなど)

$ ng --version
@angular/cli: 1.0.0
node: 6.10.0
os: win32 x64
@angular/animations: 4.0.3
@angular/common: 4.0.3
@angular/compiler: 4.0.3
@angular/compiler-cli: 4.0.3
@angular/core: 4.0.3
@angular/forms: 4.0.3
@angular/http: 4.0.3
@angular/material: 2.0.0-beta.3
@angular/platform-browser: 4.0.3
@angular/platform-browser-dynamic: 4.0.3
@angular/platform-server: 4.0.3
@angular/router: 4.0.3
@angular/cli: 1.0.0

Answer 1

ngOnChangesという機能を使えば実現できました。

参考URL:
https://angular.io/docs/ts/latest/cookbook/component-communication.html#parent-to-child-on-changes