angular-animations

1熱度

1回答

我正在開發一個角度響應應用程序，它在移動設備上有一個抽屜。我喜歡Angular的Web動畫API實現，但我找不到可以根據我的媒體查詢斷點配置動畫的地方。我只能通過我的css工作表取消動畫，但是這使我開始在我的項目中的不同地方分發代碼，我不確定這是什麼角度打算給我做。 .. 活生生的例子我的應用程序抽屜使用此代碼動畫 <div class="mobile-menu" [@animateDraw

0熱度

1回答

角4動畫將不會在路由變化觸發

我創建了下面的動畫在我的角4項目： import { trigger, state, style, transition, animate } from '@angular/animations'; export function slide() { return trigger('slide', [ transition('void => *', [

1熱度

1回答

限制動畫查詢不適用

根據Angular動畫包中的query函數文檔，您可以提供一個可選參數limit。據我的理解，與limit: 5，只有前五個元素被發現將動畫。當我使用query與limit: 1時，只有第一個元素是動畫的，但有任何其他數字，所有的元素將被動畫。看到這個plunker transition(':enter', [ query('p', [ style({transform:

1熱度

1回答

角4 - 使用淡入鑑於上路由改變角度動畫

問題： - ：目前，鑑於變淡角4使用角動畫問題淡入視圖上路由改變在網站上載入，但不在路線改變時。我希望視圖始終在路由更改中消失。這是我的HTML：（可能問題就在這裏???） <div class="page" [@fadeInTransition]> <router-outlet></router-outlet> </div> 這是我的應用程序組件： import

0熱度

2回答

用於淡入淡出的角度4動畫

我只想讓視圖淡入淡出路線變化。我已經正確地設置了組件，但似乎需要獲得我認爲正確的動畫語法。這是我目前的動畫嘗試。我導入此動畫，我的組件： import {trigger, state, animate, style, transition} from '@angular/animations'; export function routerTransition() { retur

0熱度

1回答

特定狀態的角動畫

我想爲特定的狀態更改制作不同的動畫。我在此基礎上我： https://scotch.io/tutorials/animating-angularjs-apps-ngview ，它工作正常，但我想是這樣的：狀態從A改爲B - 幻燈片視圖從左至右狀態從B到C - 從右滑動視圖向左狀態改爲從C到A - 滑動視圖從上到下否則 - 滑動視圖從下向上目前我有這樣的事情 - 所有的意見都從右向左移動

0熱度

1回答

僅使用Angular動畫對列表中的新項目添加動畫？

在角度則可以錯開動畫，因爲我在這裏做，例如： <div masonryLayout [masonryOptions]="masonryOptions" [input]="photos" class="grid" [@photosAnimation]="photos.length" > <img *ngFor="let

7熱度

1回答

angular2過渡動畫不起作用

我想將角度轉換應用到元素，但它不起作用。我已經添加了web-animation-js，但仍然沒有效果。加在OnMouseLeave在和的onmouseover功能的實現 //的package.json "web-animations-js": "^2.3.1", //列表項 <li class="list-group-item" (mouseover)="onMouseover()" (mo

0熱度

1回答

爲什麼我的動畫不是以角度工作的？

main.component.ts import { Component, OnInit } from '@angular/core'; import { trigger, state, style, transition, animate } from '@angular/animations'; @Component({ selector: 'app-main', t

2熱度

1回答

對兒童的角度4動畫：風格向後跳

我想通過動畫設置其不透明度來淡化元素的孩子。它工作正常，但在動畫結束時，孩子的風格恢復到原始狀態（不透明度未設定）。如何防止/如何告訴Angular在動畫完成後將樣式保留在目標狀態？這裏是我的代碼： @Component({ selector: 'app-playground', template: ` <div [@simpleStateTransition]=