2016-04-19 31 views
7

Sto provando ad aggiungere la convalida del modulo ngControl al controllo del tipo di bootstrap 4 in Angualr js 2. Il codice è il seguente.Nessun fornitore per NgModel! (Typeahead -> NgModel) eccezione quando si aggiunge ngControl a 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

Come spiegato in http://stackoverflow.com/questions/36713702/validation-always-fails-in-bootstrap4-typehead-in-angular-2-even-if-value-is-sel questo è probabile che sia un errore in typeahead –

+1

Hai aggiunto 'FORM_DIRECTIVES' a' bootstrap' o alle direttive dei componenti '? – kemsky

+2

Sì Kemsky, E le validazioni funzionano bene su altri campi di testo –

risposta

1

Hai perso l'attributo "nome" sull'input che è necessario per funzionare correttamente ngModel.