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

时间:2019-02-20 10:40:21

标签: angular typescript angular6

我正在使用Angular 6开发应用程序。 我正在寻找一种为所有类型的文本输入添加全局控件/验证的方法,以不接受特定的特殊字符。 有没有办法针对所有类型为text的应用程序输入全局应用此检查,还是我必须对所有输入进行指令?

预先感谢

2 个答案:

答案 0 :(得分:-1)

您可以refer to the documentation

对于选择器,请使用input[type="text"],它应该应用于应用程序中的所有文本输入(当然,前提是您将指令添加到模块中)。

答案 1 :(得分:-1)

制作一个新组件,该组件接受字符串作为输入,并且所属的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>