Ng-invalid в угловом вводе только при отправке

У меня есть интересная проблема, которую нужно решить, но я не знаю, как, У меня есть динамические входы в моем представлении, и входы в Angular проверяются в реальном времени, но я не хочу этого, угловые входы во входном классе "ng-invalid", и я хочу добавить "ng-invalid" только тогда, когда отправить мою форму:

<div ng-if = "conditionItem.field.id"
     ng-class = "{'error': FieldConditionsCtrl.feedback.type === 'error'}"
     dynamic
     input-router << Here is my how generates the inputs
     source = "conditionItem.field"
     ng-model = "conditionItem.situation[$index]">
</div>

Когда я изменяю сгенерированный ввод, AngularJS вводит в мой входной класс следующие классы «ng-invalid ng-empty»:

Ng-invalid в угловом вводе только при отправке

Я хочу добавить эти классы только при отправке, чтобы сделать границу красной. Любая помощь по этой проблеме?

Вы не должны размещать код в виде изображения, потому что: meta.stackoverflow.com/a/285557/5535245

georgeawg 10.04.2019 00:43

Он просто показывал инструменты разработчика Chrome. Это не изображение кода.

user6866656 10.04.2019 02:22
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
2
220
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

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

Использовали свойство $ представлено ngFormController для уточнения настройки класса error.

ng-class = "{error: form1.$submitted && form1.field1.$invalid}"

Для получения дополнительной информации см.

Другие вопросы по теме