时间戳

首页 > 解决方案 > Angular 6 - 对文本类型的所有输入的全局检查/验证

angular - Angular 6 - 对文本类型的所有输入的全局检查/验证

问题描述

我正在使用 Angular 6 开发一个应用程序。我正在寻找一种方法来为所有文本类型的输入添加全局控件/验证，以不接受特定的特殊字符。有没有办法对所有文本类型的应用程序输入全局应用此检查，或者我必须制定一个指令并将其应用于所有输入？

提前致谢

标签： angulartypescriptangular6

解决方案

制作一个接受字符串作为输入的新组件，并且所属的 html 仅包含输入标签。

使用正则表达式进行验证。

如果您不想使用新组件，则可以使用过滤器，例如

   export class aFilter implements PipeTransform {
        transform(items: any[], aFilter: any, renkFilter:number): any {


            if ( "your regular expression comes here" ) {

                return false;

            }
else return true;

}

在 HTML 中

<input> {{variable | aFilter  : yourinputvariable }} </input>

推荐阅读