복붙노트

[ANGULAR] ngmodel 동적 데이터와 ngfor를 사용하여 잘못된 동작

ANGULAR

ngmodel 동적 데이터와 ngfor를 사용하여 잘못된 동작

해결법


  1. 1.입력에 [NGModeloptions] = "{Standalone : True}"을 추가하면 문제가 해결되어야합니다.

    입력에 [NGModeloptions] = "{Standalone : True}"을 추가하면 문제가 해결되어야합니다.

    <ion-input type="tel" required [(ngModel)]="regModel.Phones[i].Phone" 
    [ngModelOptions]="{standalone: true} #Phone="ngModel" pattern="\d{10}">
    </ion-input>
    

    NGModel 지시어가있는 모든 입력에 대해 FormControl이 만들어지고 형식 그룹에 추가 될 것이지만 독립 실행 형을 추가 할 때 : true에서 필드가 FormGroup에 추가되지 않고이 문제는 고정되어야합니다. 템플릿 기반 양식을 사용할 때 필요한 항목 중 하나만 필요하기 때문에 입력에서 이름 속성을 제거해야합니다. (이름 또는 독립형 : true)

  2. from https://stackoverflow.com/questions/41265761/using-ngfor-with-ngmodel-dynamic-data-wrong-behaviour by cc-by-sa and MIT license