>

각 5로 반응 형을 만들고 있는데 list에서 option을 사용하여 select를 추가하려고하지만 html 페이지에는 목록이 없습니다. 비슷한 질문을 보았고 제안 된 답변을 시도했지만 성공하지 못했습니다.

ts :

firstQuestionnaire: FormGroup;
yearsCurrentHome: string [] = ['1','2','3','4','5+'];
default: string = '1';
 constructor(private formBuilder: FormBuilder) { 
    this.firstQuestionnaire=this.createFormGroup();
    this.firstQuestionnaire.controls['yearsInCurrentHome'].setValue(this.default, {onlySelf: true});
  }
createFormGroup() {
    return new FormGroup({
      yearsInCurrentHome: new FormControl(null)
 });
  }

HTML :

<div class="question">
      <label>YEARS: </label>
      <select formControlName="yearsInCurrentHome">
        <option *ngFor="let year of yearsCurrentHome" [ngValue]="year"> {{year}}
        </option>
      </select>
    </div>

감사합니다

  • 답변 # 1

    구현에 여러 문제가있을 수 있습니다. 당신은 다음과 같은 작업을 수행 할 수 있습니다 :

    <올>

    ReactiveFormsModule 추가   imports 에  당신의 @NgModule 의 배열  아직 추가하지 않은 경우

    와이즈 비즈 지정   form 로 태그  아직 완료하지 않았다면

    콘솔에서 오류를 확인하십시오.

    <리>에서이 샘플 StackBlitz을 심판에서 구현 구현을 비교하십시오.

  • 답변 # 2

    다음과 같이 HTML에 양식 태그를 포함해야합니다.

    [formGroup]
    
    

    <form [formGroup]="firstQuestionnaire"> <select formControlName="yearsInCurrentHome"> <option *ngFor="let year of yearsCurrentHome" [ngValue]="year"> {{year}} </option> </select> </form>

관련 자료

  • 이전 python - 소수점을 제거하는 방법
  • 다음 kubernetes - kubeadm 초기화 이미지 변경