angular2-animation

0熱度

1回答

我正嘗試在層次結構中創建具有不同目錄的sidenav菜單。它有兩個動畫，一個指示指針是否顯示目錄是否打開，另一個是動畫在打開子目錄時滑下並在關閉時滑動。這裏是directory.component.html <a md-list-item class="flex-container" fxLayout="row"> <md-icon (click)="directory.open =

0熱度

1回答

角度 - 動畫使用變換，但不完全適用動畫完成時的位置

所以我試圖應用一些光滑的動畫，他們工作挺好但不是很多，因爲他們打破布局很多。的問題是，我需要使用position: absolute動畫的時候，這樣我可以用transform，如下所示： export function SlideLeft() { return trigger('slideLeft', [ state('void', style({position: 'ab

-1熱度

1回答

角度。動畫撓性元件

你好。我有一個小部件，看起來像這樣：當點擊搜索它變成：在標記有兩個flex元素：用於報頭（flex: 1）並用於搜索。在搜索單擊我隱藏第一個和擴展第二個。現在我想讓過渡動畫。我開始用動畫頭元素。首先，我試過動畫width： transition(':enter', [ style({width: 0, 'max-width': 0}), animate(500, styl

0熱度

1回答

Angular 2 - 控制動畫關鍵幀

我試圖找到一種方法來控制CSS3/angular 2動畫。例如，看從官方角2動畫文檔以下代碼以一些變化： animations: [ trigger('flyInOut', [ state('in', style({position: 'absolute', left: '15%',bottom:'15%'})), transition('void => *', [

2熱度

1回答

如何使用Angular2動畫更改彈性佈局？

在官方教程的幫助下，我在@ angular /動畫中邁出了第一步。我添加了reqired庫，並創建了我的第一個動畫。我已經知道過渡和狀態是什麼。我可以創建簡單的動畫（改變背景顏色和變化分量的大小，我用@角/柔性佈局庫在我的項目，以創造整潔的頁面佈局和來這裏的問題：。我怎樣才能動畫增加和減少的元素的寬度我的Flex佈局例如：我有我的網頁上3 「列」：在第一狀態它們的寬度是：38％，52％，容器

0熱度

1回答

角度2中的老虎機旋轉效果

我正在一個個人項目中工作，我有一些卡片，並想多次垂直旋轉，最後放在隨機卡片上。我正在使用angular2重新創建我的項目，並且對於如何爲旋轉生成動畫有點失落。這是我迄今爲止... card.component.ts： @Component({ selector: 'app-card', styleUrls: ['./card.component.css'], temp

4熱度

1回答

角2動畫動畫在相同時間我不所有元素想要那個

我想通過類例如用於每個格或任何按鈕進行動畫元件I具有觸發一些動畫我想動畫的具體不在同一時間所有的動畫 **，我不希望出現這種情況** **我想，只有選擇的元素被動畫** 和這是代碼 // ************************ home.component.ts ************************* // import { Component, OnInit, trig

0熱度

2回答

如何在組件初始化後更新角度2動畫狀態

我有一個簡單的下拉組件，我想要動畫。問題是，儘管控制動畫狀態的變量以「非活動」值開始，並且在組件加載時仍然出現下拉列表，並且在將鼠標懸停在其上時只顯示正確的值。我無法將零高度和填充放置在我的樣式文件中，因爲我在使用'*'的動畫中使用了基本值引用。我已經嘗試在我的ngOnInit方法中使用ChangeDetectorRef。 <li (mouseenter)="showServicesSubMen

6熱度

3回答

Angular 4動畫布爾觸發器

我正在使用Angular 4動畫測試按鈕上的一個簡單的淡入/淡出動畫。我遇到的問題是，因爲我使用布爾值沒有任何被觸發。從開發工具，它看起來像一個.ng-animating類被添加到元素，但沒有任何更改。這是我的代碼示例： @Component({ selector: 'fade-btn-test', styles: [ require('./fade-btn-te

0熱度

1回答

角度：動畫完成回調

我知道(@myTrigger.done)事件，但即使動畫被中斷且未完成，它也會每次都會觸發。我想創建一個彈出窗口組件的動畫序列，其中彈出窗口從窗口右側滑動，然後關閉按鈕彈出。彈出窗口也可以通過Esc關閉。我正在使用@myTrigger.done觸發事件來檢查動畫是否完成不是。但如果在彈出窗口滑動時按下Esc鍵，它將發出完成事件，併發出slideIn動畫的完成事件，即使幻燈片動畫未完成，也會彈