javascript - 앵귤러 2 머티리얼 필드를 설정하는 방법

폼에 머티리얼을 사용하고 데이터를 게시 한 후 모든 입력 필드를 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);
        }
    );