Как включить проверки только тогда, когда элемент HTML активен с использованием Angular 2?

У меня есть переключатель и соответствующее текстовое поле ввода, которое отображается, когда переключатель установлен. Я сохранил атрибут проверки, необходимый для входного тега, как показано ниже:

<input type="text" id="textbox" required />

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

Объяснив мой сценарий:

Q1. Существует ли какой-либо подход «только для HTML», разрешающий проверки только тогда, когда текстовое поле активно?

Q2. Если нет, то как лучше и проще всего использовать Angular 2 (или Javascript)?


person Karan Desai    schedule 01.09.2016    source источник


Ответы (1)


Вы можете использовать «ng-if» вместо «ng-show / ng-hide» при отображении/скрытии поля ввода. Потому что ng-show/hide скрывает только элемент, но он есть в DOM, а ng-if генерирует элемент только при выполнении условия.

person Disha    schedule 01.09.2016
comment
Благодаря этому я наконец-то понял явную разницу между ng-hide/ng-show и ng-if. Большое спасибо. - person Karan Desai; 01.09.2016