javascript - HTML5 : Attributes are not recognized after being added with JS/Jquery

Question

嗯，我坚持这个。我正在向输入添加 2 个属性，但 Angular 无法识别它们进行验证。我可能做错了什么？

这是我的HTML

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

这是我的组件.ts

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

这是控制台:(我输入:'333333333333')

模式和最大长度都在那里!但是在 ng-reflect-model 之后，Idk 发生了什么，一些建议？

提前致谢。

Answer 1

试试这个。

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}$/;