양식 상태 및 입력 상태
양식 상태 및 입력 상태
AngularJS는 양식과 입력 필드의 상태를 지속적으로 업데이트합니다.
입력 필드의 상태는 다음과 같습니다.
$untouched 입력란에 아직 연락하지 않았습니다.
$touched 현장에 손이 닿았습니다.
$pristine 필드가 아직 수정되지 않았습니다.
$dirty 필드가 수정되었습니다.
$invalid 필드 내용이 유효하지 않습니다.
$valid 입력란 내용이 유효합니다.
그것들은 입력 필드의 모든 속성이며 true 또는 중 하나 false입니다.
양식의 상태는 다음과 같습니다.
$pristine 필드가 아직 수정되지 않았습니다.
$dirty 하나 이상의 수정되었습니다.
$invalid 양식 내용이 유효하지 않습니다.
$valid 양식 내용이 유효합니다.
$submitted 양식 제출
그것들은 모두 폼의 속성이며, true 또는 둘 중 하나 false입니다.
이 상태를 사용하여 의미있는 메시지를 사용자에게 표시 할 수 있습니다. 예를 들어, 필드가 필수이고 사용자가 필드를 비워두면 사용자에게 경고를 제공해야합니다.
예
필드를 터치했는데 비어있는 경우 오류 메시지 표시 :
<input name="myName" ng-model="myName" required>
<span ng-show="myForm.myName.$touched && myForm.myName.$invalid">The name is required.</span>
AngularJS는 양식과 입력 필드의 상태를 지속적으로 업데이트합니다.
입력 필드의 상태는 다음과 같습니다.
$untouched 입력란에 아직 연락하지 않았습니다.
$touched 현장에 손이 닿았습니다.
$pristine 필드가 아직 수정되지 않았습니다.
$dirty 필드가 수정되었습니다.
$invalid 필드 내용이 유효하지 않습니다.
$valid 입력란 내용이 유효합니다.
그것들은 입력 필드의 모든 속성이며 true 또는 중 하나 false입니다.
양식의 상태는 다음과 같습니다.
$pristine 필드가 아직 수정되지 않았습니다.
$dirty 하나 이상의 수정되었습니다.
$invalid 양식 내용이 유효하지 않습니다.
$valid 양식 내용이 유효합니다.
$submitted 양식 제출
그것들은 모두 폼의 속성이며, true 또는 둘 중 하나 false입니다.
이 상태를 사용하여 의미있는 메시지를 사용자에게 표시 할 수 있습니다. 예를 들어, 필드가 필수이고 사용자가 필드를 비워두면 사용자에게 경고를 제공해야합니다.
예
필드를 터치했는데 비어있는 경우 오류 메시지 표시 :
<input name="myName" ng-model="myName" required>
<span ng-show="myForm.myName.$touched && myForm.myName.$invalid">The name is required.</span>
게시판 목록
퍼블리싱강좌
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 178 | AngularJS | 8년 전 | 1424 | ||
| 177 | AngularJS | 8년 전 | 1198 | ||
| 176 | AngularJS | 8년 전 | 1273 | ||
| 175 | AngularJS | 8년 전 | 1363 | ||
| 174 | AngularJS | 8년 전 | 1137 | ||
| 173 | AngularJS | 8년 전 | 1878 | ||
| 172 | AngularJS | 8년 전 | 1433 | ||
| 171 | AngularJS | 8년 전 | 1127 | ||
| 170 | AngularJS | 8년 전 | 1391 | ||
| 169 | AngularJS | 8년 전 | 1187 | ||
| 168 | AngularJS | 8년 전 | 999 | ||
| 167 | AngularJS | 8년 전 | 1962 | ||
| 166 | AngularJS | 8년 전 | 1036 | ||
| 165 | AngularJS | 8년 전 | 1101 | ||
| 164 | AngularJS | 8년 전 | 1304 | ||
| 163 | AngularJS | 8년 전 | 1150 | ||
| 162 | AngularJS | 8년 전 | 1363 | ||
| 161 | AngularJS | 8년 전 | 1368 | ||
| 160 | AngularJS | 8년 전 | 1122 | ||
| 159 | AngularJS | 8년 전 | 1090 | ||
| 158 | AngularJS | 8년 전 | 1501 | ||
| 157 | AngularJS | 8년 전 | 1473 | ||
| 156 | AngularJS | 8년 전 | 1321 | ||
| 155 | AngularJS | 8년 전 | 1210 | ||
| 154 | AngularJS | 8년 전 | 1608 | ||
| 153 | AngularJS | 8년 전 | 1076 | ||
| 152 | AngularJS | 8년 전 | 1487 | ||
| 151 | AngularJS | 8년 전 | 1414 | ||
| 150 | AngularJS | 8년 전 | 1108 | ||
| 149 | AngularJS | 8년 전 | 1638 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기