angular.js - 입력 상자, 테두리가 오류로 변경됩니까?

Question

1. 입력란에 입력한 내용이 표준화되지 않은 상태에서 양식을 제출하면 입력 입력란에 오류가 발생하고 입력 내용을 다시 입력하면 입력란의 바깥쪽 p 테두리가 빨간색으로 변합니다. 상자의 첫 번째 입력 문자부터 바깥쪽 p 테두리의 색상이 일반 색상으로 변경됩니다.

다음은 코드입니다

으아악

js에 form_item_error 클래스를 추가하면 입력 상자의 외부 p 테두리가 빨간색으로 변합니다. 이 클래스를 제거하면 외부 p 테두리가 정상이 됩니다

으아악

효과
오류

오류 발생시 내용을 입력하시면 테두리가 원래대로 돌아옵니다

조언 부탁드립니다. 감사합니다

Answer 1

귀하의 코드를 jsFiddle에 넣고 요구 사항에 맞게 일부 변경했습니다. 효과가 보이지 않으면 벽을 넘어야 합니다. 데모는 다음과 같습니다. 직접 미리 볼 수 있으며 양식이 불완전한 경우 제출 버튼을 추가하는 데도 도움이 됩니다.
데모

Answer 2

외부 패키지의 p에 ng-class를 배치하고 wanning 및 error에 해당 스타일을 추가합니다