首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >验证触摸事件不适用于angular 5.2

验证触摸事件不适用于angular 5.2
EN

Stack Overflow用户
提问于 2018-02-01 17:37:29
回答 1查看 1.2K关注 0票数 1

我有一种输入类型,比如:

代码语言:javascript
复制
<input type="text" name="emaill" #emaill="ngModel" pattern="^\w+([\.-]?\w+)@\w+([\.-]?\w+)(\.\w{2,3})+$" [(ngModel)]="user.email" class="form-control input-underline" required />

<div *ngIf="(emaill.invalid && emaill.touched) || (emaill.touched && emaill.pristine)" class="error-block">
        <div [hidden]="!emaill.errors.required">Enter email</div>
        <div [hidden]="!emaill.errors.pattern">Invalid email</div>
       </div>

但它似乎触摸事件不工作,相同的事件是以前的工作与angular 4.3.But切换到angular 5后,触摸事件始终是false.when我打印喜欢{{emaill.touched}}它始终是假,即使触摸输入类型。另外,如果我将输入类型"text“更改为"password",它也可以正常工作。

EN

回答 1

Stack Overflow用户

发布于 2018-02-01 18:55:31

由于尚未退出"emaill.error“而触发的错误会阻塞该值。检查控制台,您将看到。

对此进行更改:

代码语言:javascript
复制
   ...
   <div [hidden]="!emaill.errors?.required">Enter email</div>
   <div [hidden]="!emaill.errors?.pattern">Invalid email</div>
   ...

DEMO

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48559489

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档