angular2-animation

0열

1답변

각도 - 변환을 사용하여 애니메이트하지만 애니메이션이 끝날 때 위치 절대 값을 적용하지 않습니다.

그래서 매끄러운 애니메이션을 적용하려고합니다. export function SlideLeft() { return trigger('slideLeft', [ state('void', style({position: 'absolute', width: '100%', transform: 'translate3d(100%, 0, 0)'})),

css3 angular animation typescript angular2-animation 2017-05-13

---

-1열

1답변

각도. 플렉스 요소 애니메이션하기

안녕하세요. 검색이 변신을 클릭 할 때 : 마크 업에서 두 flex 요소가 : 헤더 (flex: 1) 나는 같은 보이는 작은 구성 요소가 검색을 위해. 검색을 클릭하면 첫 번째 것을 숨기고 두 번째를 펼칩니다. 이제 전환을 애니메이션화하려고합니다. 헤더 요소에 애니메이션을 적용하기 시작했습니다. 우선은 width 애니메이션을 시도 :는 transition(

angular flexbox angular2-animation 2017-05-15

---

0열

1답변

앵귤러 애니메이트와 ngFor로 크로스 페이드를 어떻게 할 수 있습니까? 내가 <code>*ngFor</code>에 내가 통과 컬렉션을 업데이트 할 때

나는 애니메이션을 트리거하고 있습니다 : //JS state : string = 'a'; colors = { a: ['red','blue','green','yellow'], b: ['orange'] } public onClick(){ this.state = this.state === 'a' ? 'b' : 'a'; }

angular angular2-animation 2017-05-16

---

1열

1답변

구성 요소 함수에서 Angular2 애니메이션으로 데이터를 주입

각도 2에서 <li> 요소가 마우스 (ondrag) 다음에오고 (ondragend) 뒤에 위치하는 구성 요소를 만들기 위해 @angular/animations을 사용하려고합니다. 나는이 문제를 해결할 수있는 가장 좋은 방법이 무엇인지에 관해서는 매우 새롭다. 내 구성 요소의 문자열을 애니메이션에 다시 삽입 할 수는 있지만 가능한지 확실하지 않습니다. 아래

angular angular2-components angular2-animation 2017-05-20

---

2열

1답변

각. 초기 렌더링에서 애니메이션 입력을 건너 뛸 수있는 방법이 있습니까?

:enter 구성 요소가 처음 렌더링 될 때 요소에 애니메이션이 적용됩니다. 그것을 막을 수있는 방법이 있습니까? width 애니메이션의 간단한 예를 들어 확인 this plunker는 : transition(':enter', [ style({width: 0}), animate(250, style({width: '*'})), ]),

angular angular2-animation 2017-05-22

---

0열

1답변

슬롯 머신이 angular2에서 회전 함

나는 여러 장의 카드가 있고 수직으로 여러 번 회전하여 무작위 카드로 끝내기를 원하는 개인 프로젝트에서 일하고 있습니다. 나는 angular2에서 프로젝트를 재창조하고 있는데 어떻게 회전을 애니메이트 할 것인가에 대해서는 약간 분실했다. @Component({ selector: 'app-card', styleUrls: ['./card.co

javascript css angular css-animations angular2-animation 2017-09-04

---

4열

1답변

각도이 애니메이션은 내가 각 사업부 또는 어떤 버튼 예를 들어 클래스</p> <p>에 의해 요소를 애니메이션을 적용 할

나는 내가 애니메이션을 할 몇 가지 애니메이션 를 트리거해야한다는 원하는 내가 그나마 같은 시간에 모든 요소를 ​​애니메이션입니다 같은 시간에 특정 모든 애니메이션이 ** 내가 ** 난 단지 선택된 요소는 애니메이션 것을 원하는 ** 원하지 않는다 ** 이 코드 //입니다 ************************ home.component.ts ****

angular animation angular2-animation 2017-04-08

---

6열

3답변

각도 4 애니메이션 부울 트리거

각도 4 애니메이션을 사용하여 버튼에서 간단한 페이드 인/페이드 아웃 애니메이션을 테스트하고 있습니다. 내가 가지고있는 문제는 내가 부울 값을 사용하고 있기 때문에 아무것도 트리거되지 않는다는 것입니다. dev 도구에서 그것은 .ng-animating 클래스에 추가 된 것처럼 보이지만 아무것도 변경되지 않습니다. 그러나이 경우에는 작동하지 않습니다 @Com

angular angular2-animation 2017-04-12

---

0열

1답변

각도 : 애니메이션 완료 콜백

나는 약 (@myTrigger.done) 이벤트를 알고 있지만 애니메이션이 중단되어 완료되지 않은 경우에도 매번 실행됩니다. 팝업이 창의 오른쪽에서 슬라이드 한 다음 닫기 버튼이 튀는 팝업 구성 요소에 대해 일련의 애니메이션을 만들고 싶습니다. 팝업은 Esc 키로 닫을 수도 있습니다. 나는 애니메이션이 끝났는지 확인하기 위해 @myTrigger.done 트

angular angular2-animation 2017-04-15

---

1열

1답변

Angular 2 - 애니메이션 표시/숨기기가 구성 요소 태그와 함께 작동하지 않습니다.

저는 구성 요소 표시 및 숨기기를 위해 애니메이션 작업을하고 있습니다. 내 Plunker는 다음 botton을을 클릭하면 https://embed.plnkr.co/BxT8SKBq8JwuPP16FDu4/ <animation [@toggleHeight]="isShow"></animation> <button (click)="isShow = (isShow==='

html css angular angular2-animation 2017-12-28

---