Невозможно связать данные json с динамически загружаемым дочерним компонентом

Я пытаюсь динамически загрузить дочерний компонент из родительского компонента. Из родительского компонента мне нужно передать некоторый параметр дочернему компоненту, который будет использоваться в дочернем компоненте для вызова службы и получения некоторых данных из службы WebAPI. возвращаемые данные должны быть привязаны к некоторым элементам управления вводом в дочернем компоненте.

для целей тестирования я создал планкер, в котором я загружаю дочерний компонент из родительского, и я пытаюсь связать данные управления вводом из объекта JSON, который я инициализировал локально. Я столкнулся с некоторыми проблемами здесь, данные не связываются здесь должным образом.

URL Plunker

код моего дочернего компонента

import {Component, Input} from '@angular/core'
import { FORM_DIRECTIVES } from '@angular/common';

const SAMPLE: Sample[] = [
    { queueId: 11, name: 'Mr. Nice' },
    { queueId: 12, name: 'Narco' },
    { queueId: 19, name: 'Magma' },
    { queueId: 20, name: 'Tornado' }
];

@Component({
  selector: 'load',
  directives: [FORM_DIRECTIVES],
  template:`<h1>This is from loader</h1>
  <input type="text" [(ngModel)]="resultData.queueId" />

  `
})
export class Loader{
    @Input() ParentID : any; 
   // resultData : any;
    resultData = SAMPLE;
    constructor()
    {


    }
}


export class Sample {
    queueId: number;
    name: string;
}