홈>
각도 5에서 선택한 드롭 다운 값을 설정하려고합니다.
HTML :
<mat-form-field class="col-sm-3">
<mat-select placeholder="State" name="state [formControl]="stateFormControl" required>
<mat-option *ngFor="let state of states" value="{{state.key}}">{{state.name}}
</mat-option>
</mat-select>
<mat-error *ngIf="stateFormControl.hasError('required')">State is required
</mat-error>
</mat-form-field>
TypeScript :
stateFormControl = new FormControl('', [
Validators.required
]);
this.vendorForm.controls["state"].setValue(this.state);
FormControl 선언에서 기본값을 설정하더라도 드롭 다운에 대해 기본적으로 아무것도 설정되지 않습니다.
- 답변 # 1
- 답변 # 2
<option>
의 value 속성에 바인딩 태그 :<mat-select placeholder="State" name="state [formControl]="stateFormControl" required> <mat-option *ngFor="let state of states" [value]="state.key">{{state.name}} </mat-option> </mat-select>
관련 자료
- javascript - 인덱스로 기본 선택 값을 가져올 수 없음 (각도 재료 매트 버튼 토글)
- Vanilla JavaScript를 사용하여 Angular 11 Form에서 선택한 라디오 버튼에서 값을 가져 오는 방법
- javascript - JQuery를 사용하여 동적으로 colspan 값 설정
- javascript - 각도의 메서드에서 속성으로 값을 전달하는 방법
- javascript - 입력 텍스트 상자에 선택한 값을 어떻게 표시 할 수 있습니까?
- frontend - 각도에서 데이터베이스의 값을 업데이트하는 방법
- 각도 템플릿을 동적으로 렌더링 할 때 오류를 포착하는 방법
- javascript - 사용자가 선택한 옵션에서 Angular 양식에 바인딩하는 방법
- javascript - 각도는 클릭시 여러 값을 얻습니다
- javascript - 카운터가 각도 값에 도달하기를 기다리는 중
- Angular의 변경시 html에서 구독 값을 업데이트하는 방법은 무엇입니까?
- Angular TS를 사용하여 Goole 차트에 값 표시
- javascript - jquery를 사용하여 동적으로 생성 된 테이블의 셀 값 가져 오기
- r - 선택한 행의 n 다음 값을 수정하는 방법
- html select - JavaScript로 선택된 옵션의 값 가져 오기
- javascript - 마지막으로 선택한 값을 제거하는 방법
- html - PHP를 사용하여 한 페이지에서 다른 페이지로 데이터베이스 값을 동적으로 전달하는 방법은 무엇입니까?
- ajax - PHP의 드롭 다운에서 선택한 옵션의 값을 가져옵니다
- javascript - Jquery는 선택한 rowIndex에 대한 속성 값을 검색합니다
- Laravel 57에서 env 파일 이전 키 값을 동적으로 병합
관련 질문
- Angular 6 응용 프로그램이 'google'네임 스페이스를 찾을 수 없습니다.
- angular : 각도 Google지도 반경 검색 및 바운드 검색
- TypeScript로 Angular에서 객체를 반복하는 올바른 접근 방식은 무엇입니까?
- angular : moment.js 함수를 감시하는 동안 문제가 발생했습니다.
- javascript : Angular에서 내보내기 기능을 어떻게 분류하고 호출해야합니까?
- angular : 각도로 서비스를 부르는 데코레이터?
- javascript : Angular 9 모델에 바인딩 선택
- Angular Universal 빌드가 API 요청이있는 사전 렌더링 페이지에서 중단됨
- angular : HttpInterceptor를 사용한 헤더 설정 문제
- javascript : Angular Admin Guard 문제 'void'유형의 표현은 진실성을 테스트 할 수 없습니다.
이것을 시도해야합니다 :
또는
html을 변경하기로 결정한 경우 반응 형 양식에 대한이 자습서를 따르십시오
그래서 이런 식으로 양식을 작성합니다
그리고 당신은 다른 곳에서 이것을 가질 것입니다