当我尝试在 Angular2 中验证输入时出错答案

【问题标题】：Errors when I try to validate input in Angular2当我尝试在 Angular2 中验证输入时出错
【发布时间】：2017-10-31 06:34:37
【问题描述】：

我正在尝试验证输入

    <md-input-container class="name-input">
                <input type="text" mdInput [(ngModel)]="tileName"  #tileNameInput="ngModel" 
                      id="tileNameInput" name="tileNameInput" 
                      required placeholder="{{ 'Name' | translate }}"/>
                <md-error *ngIf="v.errors.required">Tile Name is required</md-error>
            </md-input-container>

我得到了错误：

错误类型错误：无法读取未定义的属性“错误” 在 Object.eval [as updateDirectives] (HeaderComponent.html:104) 在 Object.debugUpdateDirectives [as updateDirectives] (core.es5.js:12784) 在 checkAndUpdateView (core.es5.js:12122) 在 callViewAction (core.es5.js:12485) 在 execEmbeddedViewsAction (core.es5.js:12443) 在 checkAndUpdateView (core.es5.js:12123) 在 callViewAction (core.es5.js:12485) 在 execComponentViewsAction (core.es5.js:12417) 在 checkAndUpdateView (core.es5.js:12128) 在 callViewAction (core.es5.js:12485)

有人可以帮助我吗？

【问题讨论】：

标签： html angular validation typescript angular-validation

【解决方案1】：

使用输入字段的名称代替v，例如：*ngIf="tileNameInput.errors.required"

【讨论】：