0
Ich habe diese Form:Angular Formularvalidierung Highlight Ausgabe
<form #createTeamForm="ngForm" (ngSubmit)="createTeam(createTeamForm)">
<div class="form-group">
<label for="newTeam">{{ "teams.createTeam" | translate }}</label>
<input type="text" class="form-control" id="newTeam" name="newTeam" ngModel #newTeam="ngModel" placeholder="{{'words.name' | translate}}" required minlength="3">
<div class="alert alert-danger" *ngIf="createTeamForm.submitted && !newTeam.valid">
<div *ngIf="newTeam.errors.required">
First name is required.
</div>
<div *ngIf="newTeam.errors.minlength">
First name should be minimum {{ newTeam.errors.minlength.requiredLength }} characters.
</div>
</div>
</div>
<button type="submit" class="btn btn-default">{{ "words.send" | translate }}</button>
</form>
Die newTeam.errors.required und newTeam.errors.minlength werden als Fehler in Typoskript hervorgehoben WebStorm mit: Angular: Identifier 'minlength' is not defined. '__type' does not contain such a member
ich nicht, warum und finden nicht, wie um das zu beheben. Der Code funktioniert ordnungsgemäß, die Fehler werden nach Bedarf angezeigt.
[EDIT] - einen Fehlerbericht an IntelliJ vorgelegt, ich bin ziemlich sicher, dass es dort kommt ist von
Zeigen Sie uns Ihre Komponente, insbesondere wo 'newTeam.errors' definiert ist: Sie haben die Frage' typescript' markiert, aber keine gezeigt, und das ist, wo das Problem ist;) – msanford
Danke für die Antwort :) Ich habe tatsächlich 'typescript' getaggt, weil das Highlight so aussieht, als wäre es damit verknüpft, aber ich habe mich vielleicht geirrt. Da es sich um eine von einer Angular-Vorlage gesteuerte Form handelt, gibt es keine explizite Definition von newTeam.errors in der Komponente. Sie wird automatisch von Angular selbst initialisiert. Es funktioniert auch perfekt. Nur das Highlight ist fehlerhaft, denke ich. –