好吧,我坚持下去。
我在输入中添加了2个属性,但是Angular无法识别它们以进行验证。我可能做错了什么?

这是我的HTML

<input type="text" id="idDOC" class="form-control" [(ngModel)]="person.DOC_PERSON" #kind_doc="ngModel" name="dni_persona"  required>


这是我的component.ts

document.getElementById("idDOC").setAttribute("maxlenght", "9");
document.getElementById("idDOC").setAttribute("pattern", "^[0-9]{8}$");


这是控制台:(我在输入中输入了“ 333333333333”)
javascript - HTML5:使用JS/Jquery添加属性后无法识别-LMLPHP

模式和最大长度就在那里!但是在ng-reflect-model之后,Idk发生了什么,有什么建议吗?

提前致谢。

最佳答案

尝试这个。


  的HTML


<input type="text" id="idDOC" class="form-control" [(ngModel)]="person.DOC_PERSON"
#kind_doc="ngModel" name="dni_persona" [maxlength]="maxLength" [pattern]="inputPattern"  required>



  JS


maxLength = 9;
pattern= /^[0-9]{8}$/;

10-07 21:42