홈>
폼에 머티리얼을 사용하고 데이터를 게시 한 후 모든 입력 필드를
form.reset()
로 재설정합니다.
ts 파일의 기능. 이 기능은 모든 입력 필드를 지우지 만 모든 입력 필드는 모두 터치되어 비어 있기 때문에 빨간색이됩니다.
ts 파일에서 어떻게 수정하지 않습니까? html 코드는 다음과 같습니다.
<mat-form-field>
<mat-select [formControl]="environment" placeholder="Environment">
<mat-option *ngFor="let environment of environments" [value]="environment">
{{ environment }}
</mat-option>
</mat-select>
<mat-error *ngIf="environment.hasError('required')">
* Environment is <strong>required</strong>
</mat-error>
</mat-form-field>
다음은 TS 코드입니다.
this.http
.post(url, form.value.item, {
headers: new HttpHeaders().set('Content-Type', 'application/json')
})
.subscribe(data => {
form.reset();
},
err => {
console.log(err);
}
);
- 답변 # 1
- 답변 # 2
close()
를 사용해 볼 수 있습니다mat-select
의 방법 API.mat-stepper
를 참조 할 수 있습니다ViewChild
를 사용하여여기에 더 많은 방법이 있습니다. 이것이 도움이 되길 바랍니다!
관련 자료
- 앵귤러 머티리얼을 사용하고 있습니다 입력 필드를 이메일로 보내는 방법
- Missing associated label in Angular material mat form field - Angular material mat-form-field에 관련 레이블이 없습니다WebStorm
- javascript - 각도 재질 드롭 다운에서 블러를 비활성화하는 방법
- html - 앵귤러 머티리얼 진행 바 - 텍스트가있는 움직이는 div로 재 작업
- mat tab - 해당 탭의 내용에서 양식 제출을 기반으로 각도 재료 탭을 전환하는 방법이 있습니까?
- html - 각도 재질에서 처음으로 작동하지 않음
- 각도 재질 체크 박스 기반 다음 섹션 가시성 제어 문제
- input - 각도 재질 날짜 선택기 위치
- 빈 행을 표시하는 각도 재질 테이블
- html - 복잡한 각도 재료 테이블 셀
- Angular Material Mat-Select 변경 이벤트를 어떻게 구현합니까?
- Angular Material CSS로 mat-form-field-hide-placeholder 동작을 재정의하는 방법
- Angular Material Tables에 현재 표시된 데이터를 구독하는 방법
- 여러 색상을 사용하는 각도 재질 다중 진행 막대
- datatable - HTML 테이블을 각도 재질 데이터 테이블로 변환하는 방법
- Angular Material Mat-Datapicker와 함께 Angular FormBuilder를 사용하는 방법
- 각도 재료 확장 패널, 버튼 클릭시에만 확장
- javascript - 페이지로드에 각도 재질 진행률 표시 줄 사용
- 원래 값을 다시 입력하여 Angular 양식 필드를 "깨끗하게"만드는 방법은 무엇입니까?
- 각도 7의 각도 재료 매트 테이블에 객체 배열이있는 객체 매핑
관련 질문
- Angular2 재료 'md-icon'은 알려진 요소가 아닙니다.
- javascript : 서버 측에서 생성 된 파일을 다운로드하도록 요청 받기
- javascript : 각도의 키와 값을 기반으로 객체의 배열을 업데이트하는 방법
- javascript : Angular의 Mouseover에서 특정 클래스가있는 태그에 툴팁 표시
- javascript : JSPDF에서 텍스트 색상의 불투명도를 설정하는 방법
- javascript : 'ID'에 대한 인수가 제공되지 않았습니다. 앵귤러 11.
- javascript : CDKDRAG, CDKDROPLIST 각도 재료의 새로 고침에 주문 절약
- javascript : Angular 2 반응 형식으로 여러 카테고리 체크 박스 필터
- javascript : 각도와의 깊은 동등한 lib 통합
- javascript : Angular의 객체로 입력 양식 값을 저장하는 방법은 무엇입니까?
이것은 알려진문제입니다. 이 문제에 제시된 한 가지 해결 방법은
ngForm
를 사용하는 것입니다. 지시어를 사용하여 양식을 재설정하십시오.구성 요소 :
StackBlitz