Я хочу добавить сообщение об ошибке в верхней части страницы после нажатия кнопки «Отправить», если пользователь оставляет поле ввода пустым в угловых 6

Question

Есть несколько полей ввода.Если пользователь не может ввести любое из полей ввода и нажать кнопку «Отправить» (кнопка «Отправить» будет всегда включена).В верхней части страницы должно появиться сообщение об ошибке, в котором указано «имя необходимо».Мне это нужно в angular 6. У нас есть много хороших функций проверки в angular, но я не могу это использовать.Выше приведено точное требование, которое мне нужно, чтобы придумать угловой

Answer 1

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

Из вашего сервиса вы будете вызывать статический метод вашего компонента, чтобы показать сообщение.Компонент Alert будет иметь свой селектор, который вы можете добавить в первую строку основного компонента вашего html

. При нажатии на кнопку отправки вы будете использовать этот сервис, как если бы у вашего сервиса был метод Alert, который вызывает внутренний вызов.статический метод компонента Alert