Typeahead doesn't work (isn't a known property of 'input')

angular v4.0.0 ngx-bootstrap v1.8.1

Imported module

import { TypeaheadModule } from 'ngx-bootstrap/typeahead';  

@NgModule({
..
imports: [
 TypeaheadModule.forRoot(),
..
])

When using

<input
            [(ngModel)]="selected"
            [typehead]="products"
            typeaheadOptionField="name"
            class="form-control"/>

having issue

Can't bind to 'typehead' since it isn't a known property of 'input'. ("                
                <input
                           [(ngModel)]="selected"
                           [ERROR ->][typehead]="products"
                           typeaheadOptionField="name"

and warning before the issue

Template parse warnings:
The <template> element is deprecated. Use <ng-template> instead ("
<!-- inject options list template -->
[WARNING ->]<template [ngTemplateOutlet]="optionsListTemplate || (isBs4 ? bs4Template : bs3Template)"
  [ngOutlet"): ng:///TypeaheadModule/TypeaheadContainerComponent.html@2:0

[valorkin]

@debslab hey, in 90% of cases you forgot to add import of Typeahead module to module where your component is declared

[valorkin]

1. seems you need ngx-bootstrap@next version
2. angular DI is designed in a way, that you need to import components module in any child\lazy loaded modules but call forRoot only in root module, to provide required services