После того, как я перешел с угловой 6 на угловую 7, я заметил, что мой мат-модал при открытии начинает с определенного размера и быстро анимируется до другого большего размера (он быстро мигает).Я не хочу видеть это поведение.Есть ли способ отключить все анимации на этом модале и просто открыть его до окончательного размера рендеринга?Модал находится в компоненте, и я вызываю его из другого компонента, например:
// main component
dialog: MatDialogRef<any>;
this.dialog.open(OptionsComponent);
// options component
export class OptionsComponent
public myOptionsForm: FormGroup;
constructor(private formBuilder: FormBuilder) {
this.myOptionsForm = this.formBuilder.group({
myOptionsArray: this.formBuilder.array([])
});
const control = <FormArray>this.myOptionsForm.controls.myOptionsArray;
for (let _i = 0; _i < 4; _i++) {
control.push(this.formBuilder.group({
checked: new FormControl(false)}));
}
get myOptionsArray(): FormArray {
return this.myOptionsForm.get('myOptionsArray') as FormArray;
}
// html
<mat-dialog-content class="dialog-content">
<form [formGroup]="myOptionsForm">
<div flex fxLayout="column" fxLayoutAlign="center center" formArrayName="myOptionsArray">
<div *ngFor="let mainOption of myOptionsArray.controls; let i=index">
<div [formGroupName]="i">
<mat-expansion-panel>
<mat-expansion-panel-header>
<mat-panel-title>
<mat-checkbox formControlName="checked">
<label>test</label>
</mat-checkbox>
</mat-panel-title>
</mat-expansion-panel-header>
</mat-expansion-panel>
</div>
</div>
</div>
</form>
</mat-dialog-content>