angular-animations

4열

1답변

최근에 애니메이션 구성 요소를 개발하면서 synthetic property이라는 용어를 발견했습니다. state 속성이 toggle 함수에 의해 변경 될 때 제 경우 <bmx-panel [@sidebarState]="state"> <i bmxPanelHeader (click)="toggle($event)" class="fa fa-angl

0열

1답변

Angular5 : div의 내용을 교환하고 컨테이너의 높이 변화를 애니메이션화하고 내용이 희미 해지는 애니메이션. ("거의 좋다"Plunker 포함)

저는 앵귤러 5로 애니메이션을 구현하여 컨테이너 내용을 교환하고 새 내용에 맞게 높이를 애니메이션화하려고합니다. 애니메이션의 단계는 (또는 Plunker에서 볼 수 있습니다.) 1. 현재 내용을 제거합니다 (불투명도 1 -> 0). 2. 새 내용에 맞게 컨테이너의 애니메이션 높이 조절 3. 새 내용을 페이드 인합니다. (불투명도 1 -> 0) 나는 약간의

1열

1답변

DOM 요소/스타일 변경시 각형 애니메이션 활성화

배경이 변경 될 때마다 각도 앱에서 페이드 인 애니메이션을 만들려고하지만 그렇게 할 방법을 찾을 수 없습니다. HTML : <div @fadeIn [style.backgroundImage]="currentImage" id="home" class="pt-5"> <div class="container"> ... </div> </di

2열

1답변

각도 4로 사전 전환/애니메이션을 구현할 수 있습니까?

앵귤러 4로만 애니메이션을 구현해야합니다. 다음은 구현하고자하는 샘플 고급 애니메이션입니다. 시도하고 angular4 함께 병렬 div 애니메이션을 쓸 수 없습니다. 왜냐하면 병렬 div 애니메이션이 CSS를 통해 얻을 수있는 또한 angular4 믿습니다. 따라서 작성 방법을 아는 사람이라면 힌트 나 코드를 제공해주십시오. 참고 :이 예제를 라우터 전환에

0열

1답변

각도 4의 HostListener의 윈도우 : 스크롤이 멈 추면 스크롤이 계속됩니다.

사용자가 특정 위치로 스크롤하면 각도 애니메이션을 적용하기 위해 스크롤 위치를 감시하는 HostListener가 있습니다. 사용자가 스크롤 할 때 HostListener에 연결된 메소드가 실행됩니다. 사용자가 스크롤을 멈 추면이 메소드는 console.log 출력에 표시된 것처럼 실행을 중지합니다. @HostListener('window:scroll', [

1열

1답변

각도 5 애니메이션 : 설정 '오버레이 : 숨겨진' 'slideUp'

내가 가진이 트리거 이전 : export const slideInOutTrigger = trigger('slideInOut', [ state('true', style({ height: '0', opacity: '0', overflow: 'hidden' })), state('false', style(

1열

1답변

각도 애니메이션을 렌더링 대기 완료

일부 경로 변경 사항을 애니메이션으로 애니메이션하려고합니다. 애니메이션은 높이와 내용 높이 사이에서 움직여야합니다. 콘텐츠가 미리 알려지면 잘 작동합니다. 자세한 내용은 다음을 참조하십시오. http://plnkr.co/edit/FOZSZOJaSpLbrs2vl6Ka http 요청을해야하는 순간에는 제대로 작동하지 않습니다. 이 plunkr을보십시오 : ht

1열

1답변

애니메이션이 끝날 때 최종 애니메이션 상태가 삭제됩니다.

: 나가기 전환시 요소를 애니메이션화하려고하는데 그 동작에 다소 당황 스럽습니다. trigger('inOut', [ transition(':enter', [ style({'max-height': '0'}), animate(250, style({'max-height': '150px'})) ], { params: {

1열

1답변

제로 요소를 잘못 반환하는 애니메이션 애니메이션 쿼리

저는 Angular를 사용하는 전자 응용 프로그램에서 작업 중이며 기본 페이지는 JSON 파일에서 비동기 적으로로드되는 항목 목록을 표시합니다. 애니메이션을 비틀어 애니메이션하기 위해 각 애니메이션의 쿼리 기능을 호출합니다. 불행히도이 쿼리는 거의 즉시 즉각적으로로드되고 올바른 애니메이션 (엇갈리게 정렬되지 않음)이 있더라도 0 요소를 반환합니다. 데이터가

0열

1답변

각도 4 애니메이션이 가장자리에서 작동하지 않습니다.

프로젝트 전체에서 사용하는 애니메이션을 만들었지 만 가장자리 브라우저에서는 작동하지 않습니다. 이것은 내가 사용하고있는 코드이다. 누구든지 내가 그것을 고칠 수있는 것을 안다? import {animate, state, style, transition, trigger} from '@angular/core'; export const animation =