angular2-animation

1熱度

1回答

我在列表組件上使用了角動畫，滑入動畫。當列表很短時，它可以正常工作，但是當列表中有超過50個項目時，動畫是滯後的。這是什麼原因？如何解決？

2熱度

1回答

不同的路線之間適用不同的動畫我有一個測試應用程序建立與角2，我已經成功地應用於一個動畫路徑變化之間 state('default', style({ opacity: 1, transform: 'scale(1) translateY(0)' })), transition('void <=> default', [ style({ opacity: 0, tr

1熱度

1回答

角2 - 通延遲組件動畫作爲輸入參數

我想在組件的動畫從HTML例如延遲傳遞： HTML： <circles[delay]="'10000ms'"></circles> TS： @Component({ selector: 'circles', templateUrl: 'app/landing-page/subcomponents/circles.component.html', styleUrls

0熱度

1回答

Angular2動畫與引導

1熱度

1回答

Angular2動畫，顯示X秒數量的標籤

如何使用angular2動畫顯示X秒數量的標籤？理想情況下，我想在我的輸入框旁邊顯示saved!標籤，該標籤會淡入並停留2秒，然後淡出。我可以很容易地讓動畫淡入淡出，但我怎麼才能淡出呢？這裏是我的動畫： animations: [ trigger('hasSaved', [ state('inactive', style({ opacity: 0

1熱度

1回答

Angular 2：在* ngFor中動畫數據？

我想創建一個類似元素的輪播，點擊下一個用戶在驗證當前輸入後點擊下一個問題，點擊之前的點擊。在最後一個問題中，表單被提交併顯示輸出。動畫必須是緩入/緩出類型。每個問題從右向右輕鬆點擊，當前問題從左側緩解，同時下一個問題從右側緩解。問題在數組中。被修改： HTML： <div [@questionAnimation]="orientation"> {{selectedQue

0熱度

1回答

如何在Angular 2中實現動畫指令？

我目前正在開發一個Angular 2項目。該項目使用angular-cli v1.0.0-beta.15生成。我現在正在考慮實現觸發特定動畫的可重用指令。由於目前缺乏文檔，任何人都有任何想法來實現這一點？

3熱度

1回答

如何延遲每個ngFor項目動畫

如何延遲* ngFor的每個項目來一個接一個地動畫？我的意思是這樣的： <li *ngFor="let item of items"> //end result like below: <a [@flyIn]="'in'">first item</a> // delay 100ms and animate <a [@flyIn]="'in'">first item</a> /

1熱度

1回答

Angular 2動畫回調.done，設置屬性？

比方說，我們有： <li *ngFor="let item of items" [@myTrigger]='state' (@myTrigger.start)="animStart($event)" (@myTrigger.done)="animDone($event)">{{ item }}</li> 和方法animDone： animDetails: string; animDone(ev

0熱度

1回答

如何動畫<tr>開啓/關閉自動屬性計算

我有一個錶行，直到你點擊它上面一行上的「查看詳細信息」按鈕纔可見。目前，我正在使用* ngIf顯示第二行，並在點擊「View details」按鈕時更改綁定對象的布爾屬性。我已閱讀了angular2文檔中的動畫頁面，並試圖實現「合攏/不合攏」動畫，以便當第二個表格行變爲可見時，它從0px高度動畫 - >行的高度完全展開（* px）。我看到我想要做的最接近的例子是這個動畫，它將英雄從無論高度（*