Validation always fails in bootstrap4 typehead in angular 2, even if value is selected

Question

I am creating a form where I need to add bootstrap typehead for automatic full functionality.

<input [(ngModel)]="model.brand" [typeahead]="model.brands" ng-model-options="{'updateOn': 'blur'}" (typeaheadOnSelect)="brandOnSelect($event)" (typeaheadNoResults)="brandNoResults($event)" [typeaheadOptionField]="'Value'" class="form-control" ngcontrol="brand" > <div *ngIf="brand.dirty && !brand.valid "> <p *ngIf="brand.errors.required" class="text-help">{{ required | translate }}</p> </div> 

But validations remain unsuccessful even if I select a value from the list. enter image description here

but the values ​​are updated in the model as follows

Answer 1

  ngcontrol="brand" 

it should be

  ngControl="brand" ^