728x90
    
    
    
  Error :
ERROR Error: 
      ngModel cannot be used to register form controls with a parent formGroup directive.  Try using
      formGroup's partner directive "formControlName" instead.  Example:
      
    <div [formGroup]="myGroup">
      <input formControlName="firstName">
    </div>
    In your class:
    this.myGroup = new FormGroup({
       firstName: new FormControl()
    });
      Or, if you'd like to avoid registering this form control, indicate that it's standalone in ngModelOptions:
      Example:
      
    <div [formGroup]="myGroup">
       <input formControlName="firstName">
       <input [(ngModel)]="showMoreControls" [ngModelOptions]="{standalone: true}">
    </div>
Solution:
이 에러가 참 어렵다. 에러 메시지 내용은 formGroup을 쓰려면 formControlName을 쓰든가 standalone을 쓰든가 하라는데 써도 같은 에러가 난다...ㅠㅠ 열심히 구글링한 결과, formGroup 속성이 있는 태그의 자식 중에 ngModel 속성을 사용하는 모든 태그에 formControlName이 있어야 에러가 안 난다. 그리고 추가적으로 Typescript에서 FormBuilder를 통해 Group을 생성할 때 formControlName에 있는 값들을 전부 넣어줘야 된다.
ㅇㅇㅇ
반응형
    
    
    
  'Development > Javascript' 카테고리의 다른 글
| [Angular] Grid Layout component (0) | 2018.06.22 | 
|---|---|
| [Momentjs] format (0) | 2017.12.16 | 
| [Angular] File에서 값 가져오기. (0) | 2017.09.27 | 
| [Angular] TS2339:Property 'curveBasis' does not exist on type 'typeof d3'. (0) | 2017.08.12 | 
| [NPM] macOS에서 npm install 중에 발생하는 에러 (0) | 2017.07.17 |