GaramX

사용자 도구

사이트 도구

현재 위치: home » angular » forms
추적: • component-interaction • type_checking • script_test • advanced_type • angular-cli • module_resolution
angular:forms

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판이전 판
다음 판		이전 판
angular:forms [2019/01/16 05:30] – [ngModel properties] taekguangular:forms [2025/04/15 10:05] (현재) – 바깥 편집 127.0.0.1
줄 24: 줄 24:
   * Suitable for simple scenarios   * Suitable for simple scenarios
 === Track Control State and validity === === Track Control State and validity ===
 +<code javascript>
 +<input type="text" required #name class="form-control" name="userName" [(ngModel)]="userModel.name">
 +</code>
 +해쉬(#)이름에 의해서 사용가능하다.
 적용되는 class는 <code>{{ name.className }}</code>로 확인 가능하다. 적용되는 class는 <code>{{ name.className }}</code>로 확인 가능하다.
  
줄 49: 줄 53:
 </code> </code>
 #name="ngModel"에 의해서 ngModel property에 접근 할 수 있다. #name="ngModel"에 의해서 ngModel property에 접근 할 수 있다.
 +
 +=== class property적용 ===
 +<code javascript>
 +<input type="text" required #name="ngModel" [class.is-invalid]="name.invalid && name.touched" class="form-control" name="userName" [(ngModel)]="userModel.name">
 +</code>
 +**[class.is-invalid]="name.invalid"**에 의해서 is-invalid를 적용한다.
angular/forms.1547616615.txt.gz · 마지막으로 수정됨: 2025/04/15 10:05 (바깥 편집)

문서 도구