각도 모델 검증

우리의 이전 각도 검증 시리즈는 형상 그룹과 형상 제어 검증을 논의했다.그것들의 부정적인 영향을 사용하는 것은 불변성의 요구이다.사실상, 지금 우리의 코드에 양방향 귀속을 해야 하는데, 이것은 내가 보기에 터무니없는 것이다.NgModel, 보다 사용자에게 친숙한 옵션을 살펴보겠습니다.
NgModel 회사
 <select
    id="city"
    name="city"
    [ngModel]="address.city"
    #city="ngModel"
    [pattern]="onGetCity(city)"
 >
      <option>Select City</option>
      <option *ngFor="let city of address.cities">
         {{ city.name }}
      </option>
</select>

위의 코드는 주소에 대한 ngModel의 사용을 보여 줍니다.도시 명칭.id,name,#city 속성은angular 교과서에서 직접 가져옵니다.이 모드와 양방향 귀속을 사용하여 검증이 준비되었습니다!
[모드] 바인딩을 주의하십시오.우리가 이것을 넣은 것은 처음에 왜 우리의 html 단정하면 표현식 모델이 작용하지 않는지 찾아내기 위해서였다.놀랍게도 우리는 최종적으로ngModel의 내부를 열었다.
NgModel 구조
[ngModel]="some"을 연결할 때당신은 ngModel이 어떻게 일을 하는지 생각해 본 적이 있습니까?

NgModel 포함
  • 창 컨트롤
  • 모델의 필드
  • 이벤트 송신기 업데이트
  • 값 액세스기
  • viewModel
  • 더 깊은 것도 있어.
    요약: NgModel이 내부에서 양식 컨트롤을 사용할 때 사용할 이유가 없습니다.앞으로의 문장에서 우리는 깊이 있게 탐구할 것이다.
    JWP ngmodel ngmodel

    좋은 웹페이지 즐겨찾기