我已经在.ts文件中使用以下代码在angular 5中实现了一种模式，用于密码验证。假设这样做-支持至少八个字符，至少一个大写字母，一个小写字母，一个数字和一个特殊字符。参见：Regex for password must contain at least eight characters, at least one number and both lower and uppercase letters and special characters
wcodePattern = "^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$!%*?&])[A-Za-z0-9\d$@$-_!%*?&]{8,20}";
我看到，当我在密码文本框中输入字符串时，例如Niladri1!的工作原理，当我输入类似Nopasss123!!的字符串时，它显示User name not valid.。
下面是角度5 html的代码：
<div *ngIf="wcode.errors?.pattern">User name not valid.</div>
我还对以下内容进行了测试，它认为字符串Noladris无效。
^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@-_!])[A-Za-z0-9\d@-_!]{8,20}$
我错过了什么吗？