2016-09-01 6 views
2

라디오 버튼과 라디오 버튼이 선택되었을 때 표시되는 해당 입력 텍스트 상자가 있습니다. 그림과 같이 I는 입력 태그에 필요한 검증 속성을 유지 한 : 나는 라디오 버튼의 선택을 해제 할 때각도 2를 사용하여 HTML 요소가 활성화 된 경우에만 유효성을 검사하는 방법은 무엇입니까?

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

이 텍스트 상자를 숨 깁니다. 그러나 텍스트 상자가 숨겨져 있어도 양식을 제출할 수 없습니다. 결국 숨겨진 필수 입력란이 여전히 필요하므로 숨겨진 입력란에 필수 속성을 추가 할 수 없습니다.

Q1 :

내 시나리오를 설명 가졌어요. 텍스트 상자가 활성화 된 경우에만 유효성 검사를 허용하는 "HTML 전용"접근법이 있습니까?

2. 그렇지 않다면 Angular 2 (또는 Javascript)를 사용하여 가장 좋고 쉬운 방법은 무엇입니까?

답변

1

입력란을 보거나 감추고있는 동안 'ng-show/ng-hide'대신 'ng-if'를 사용할 수 있습니다. ng-show/hide는 요소를 숨기지 만 ng-if는 조건이 채워진 경우에만 요소를 생성하므로

+0

감사합니다. 덕분에 ng-hide/ng-show 및 ng-if. 고마워. –