angular - 入力バインディングを使用して祖父母コンポーネントから子コンポーネントにデータを渡す

Question

私の目標は、results.component (祖父母) からのlocation配列を、 bid-filter.component (子)を介してdestination-selector.component (親)に渡すことです。

results.ts (祖父母)

this.subscriptions.add(
      this.customerService.getAllDestinations().subscribe(loc => {
        this.locations = loc.payload;
        console.log("from results",this.locations);
      })
    );

ここのログは定義されており、場所の配列を示しています

results.html (祖父母)

<app-bid-filter [locations]="locations" [selectedValues]="selectedValues"
          (search)="toggleFilters();search($event)"></app-bid-filter>

bid-filter.ts (親)

@Input() locations;
    ngOnInit() {
      this.isHome = this.router.url === '/home';
      console.log(this.locations);
     }

ここのログは未定義です

bid-filter.html(親)

app-destination-selector (selectedDestination)="selectedLocation($event)" [destinations]="locations"
  [defaultDestinationId]="selectedValues?.destination"></app-destination-selector>

destination-selector.ts (子)

 @Input() destinations;
 ngOnInit() {
    console.log(this.destinations);
  }

undefined も表示されます

ここでかなり明白な何かが欠けていますか？私の問題Angular 2 Component @Input not workingには当てはまらないいくつかの解決策を確認しました

どんな助けでも大歓迎です。