HTML5: атрибуты не распознаются после добавления с помощью JS/Jquery

Ну, я застрял с этим. Я добавляю 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') HTML5: атрибуты не распознаются после добавления с помощью JS/Jquery

Выкройка и максимальная длина есть! Но после ng-reflect-model, не знаю, что происходит, есть предложения?

Заранее спасибо.

javascript angular html typescript angular6

19.02.2019 06:19

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

В вашем коде опечатка

Должно быть maxlength вместо maxlenght

document.getElementById("idDOC").setAttribute("maxlength", "9");

Почему вы обращаетесь к DOM напрямую к setAttribute? Это неправильная практика в Angular. вы можете добавить его прямо в свой шаблон.

19.02.2019 06:29

Ответ принят как подходящий

Попробуй это.

HTML

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