2017-10-13 77 views
0

我有這樣的形式:角表單驗證亮點問題

<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> 

newTeam.errors.requirednewTeam.errors.minlength使用WebStorm強調是打字稿錯誤:Angular: Identifier 'minlength' is not defined. '__type' does not contain such a member

我不知道爲什麼,並沒有找到如何解決這個問題。代碼工作正常,錯誤顯示在需要的位置。

[編輯] - 提交的IntelliJ一個bug報告,我敢肯定它是從那裏

+1

向我們展示您的組件,特別是在定義了newTeam.errors的情況下:您標記了「typescript」這個問題,但沒有顯示任何問題,這就是問題所在); – msanford

+0

感謝您的回答:)我實際上標記'typecript'因爲突出顯示看起來像被鏈接到它,但我可能錯了。由於它是一個Angular模板驅動的表單,因此Component中沒有newTeam.errors的明確定義,它會自動由Angular自己初始化。此外,它完美的作品。我認爲只有重點是錯誤的。 –

回答