2016-04-19 10 views
7

Ich versuche, ngControl Form Validierung zu Bootstrap 4 typehead Steuerelement in Angualr js 2. Code ist wie folgt hinzuzufügen.Kein Anbieter für NgModel! (TypeAhead -> NgModel) Ausnahme beim Hinzufügen von ngControl zu Bootstrap 4 TypeHead angular 2

<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 }}</p> 
     </div> 
+2

Wie in http://stackoverflow.com/questions/36713702/validation-always-fails-in-bootstrap4-typehead-in-angular-2-even-if-value-issel erklärt, wird dies wahrscheinlich sein ein Fehler in typeahead –

+1

Haben Sie 'FORM_DIRECTIVES' zu' bootstrap' oder Komponenten 'directives' hinzugefügt? – kemsky

+2

Ja Kemsky, Und Validierungen funktionieren gut in anderen Textfeldern –

Antwort

1

Sie haben das "name" -Attribut bei der Eingabe verpasst, das benötigt wird, um ngModel korrekt zu bearbeiten.