首页 > 解决方案 > 为什么 [模式] 在 Angular 5 中不起作用?

问题描述

在我的.ts组件文件中,我有一个变量,例如(限制输入无效的电话号码),

public phonePattern = ^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$;

在我的组件 html 文件中,我有一个声明为的文本框,

<input type="text" [(ngModel)]="contact.phone" [pattern]="phonePattern" placeholder="Enter Phone Number" />

在这里[pattern]绑定似乎不起作用..有什么想法吗?

标签: javascriptangulartypescript

解决方案


尝试像这样初始化正则表达式:

phonePattern = /^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/;

并验证您的正则表达式模式是否正确。


推荐阅读