홈>2020-03-18 13:14

typescript - 왜 옵션 선택 반응성 양식 각도가 작동하지 않습니까?

각 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>

감사합니다

angulartypescriptangular-reactive-forms

답변 # 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>

Python2.net

typescript - 왜 옵션 선택 반응성 양식 각도가 작동하지 않습니까?

관련 자료