Angular 5 проходов ngModel через компоненты

Чтобы ngModel был доступен в компоненте, вам необходимо реализовать компонент как настраиваемый элемент управления формой. Это должно быть относительно просто, поскольку поведение формы вашего компонента будет таким же, как у typeahead.

Вот хорошая статья о том, как это сделать или Ответ на переполнение стека, если хотите.

Следует отметить, что для правильной реализации двусторонней привязки вам необходимо разделить атрибут [(ngModel)] компонента typeahead на [ngModel] = "selectedWorker" (ngModelChange) = "onChange($event)", чтобы вы могли вызывать writeValue() в методе onChange.

Для использования ngModel в вашем компоненте ваш класс должен реализовать ControlValueAccesor и добавить компонент в токен предоставления.

Составная часть

    @Component({
    selector: 'component',
    templateUrl: '../component.html',
    styleUrls: ['../component.scss'],
    providers: [
        {
            provide: NG_VALUE_ACCESSOR,
            useExisting: forwardRef(() => Component),
            multi: true
        }
    ]
}) 
export class Component implements ControlValueAccessor {

        //
        // Now add ngModel property binding
        @Input() ngModel : NgModel;

        ....

        //
        // ControlValueAccessor implementation
        writeValue(value:any) {
           this.value = value;
        }

        registerOnChange(fn) {
            this.propagateChange = fn;
        }

        registerOnTouched(fn){
        }

        private propagateChange = (_:any) => {};
    }