Стоп мат-модал от анимации / изменения размера в Angular 7 Material - PullRequest
0 голосов
/ 25 марта 2019

После того, как я перешел с угловой 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>

enter image description here

...