특정 Material 애니메이션 중지 (How to Stop Angular Material Animation)

최대 1 분 소요

Angular Material에 기본적으로 적용된 모든 애니메이션이나
특정 Material의 애니메이션만 중지하고 싶을 때, 컨트롤 하는 방법입니다.

해결

여러 사이트를 많이 참고하였는데 해결 방법은 태그에 [@.disabled]=”true” 를 넣어주는 것입니다.


<mat-tab-group [@.disabled]="true">
</mat-tab-group>

  • 단, mat-tab-group 안의 mat-tab-group 에 적용할 경우 풀려 버리는 버그가 있으므로
    반드시 최상위 mat-tab-group에 적용해야 합니다.