2017-05-02 1 views
1

제 질문은 각도 재질 위젯에서 버튼 또는 체크 상자 애니메이션을 비활성화하는 방법입니다.Angular 2 재질로 애니메이션 사용 안 함

아무리 전환해도 무시할 수있는 CSS 솔루션이 있지만 작동하지 않습니다. 당신은 각 4.3.1에 도입 .disabled 재산 @ 사용하여 애니메이션을 비활성화 할 수 있습니다

+2

수입에서 {NoopAnimationsModule} 'plnkr 노력 @ 각도/플랫폼에 브라우저를/애니메이션 '; 전체 모듈에 대해 –

+0

어떤 구성 요소가 아닌 체크 박스를 사용하지 않으려 고합니까? – Nav

+0

사실, 방금 NoopAnima로 전환했습니다. 아무 것도 변경되지 않았습니다! – Nav

답변

0

감사합니다. 구성 요소

@Hostbinding('@.disabled') disabled = true 

에 또는 HTML 여기

<div [@.disabled]="expression"></div> 

을 코드 아래

하나 추가는 https://plnkr.co/edit/sVJM8H?p=preview

+0

'mat-select'에서는 작동하지 않습니다. –

+0

mat-select에서 비활성화 할 애니메이션은 무엇입니까? –

+0

당신이 팝업에 대해서 이야기하고 있다면, 그것으로는 불가능합니다. 나는 또한 일찍 시도했습니다. –

관련 문제