angular-animations

0熱

1答えて

私はアニメーションを作るためにクリックすると、私は二つの状態と二つの状態間の遷移でトリガを作成し、私は3000ms遷移時間を入力すると、それは状態 <div class="divv" [@goals]='stateExression'> <mat-card class="example-card"> <mat-card-header> <div mat-card-

1熱

1答えて

DOM要素/スタイルの変更時に角度アニメーションを有効にする

私はAngular Appで背景を変更するたびにフェードインアニメーションを作成しようとしていますが、そうする方法が見つからないようです。これは、現時点で私が持っている（関連）コードです： HTML： <div @fadeIn [style.backgroundImage]="currentImage" id="home" class="pt-5"> <div class="conta

2熱

1答えて

角度4のアドバンストランジション/アニメーションを実装できますか？

私は角4でアニメーションを実装する必要があります。以下は実装したいサンプルの先進アニメーションです。試してみましたが、私はangular4で並列divアニメーションを書くことができませんでした。並列divアニメーションでは、これはCSSを介して達成することもできるので、私はangular4も信じています。だから誰かがどのようにヒントやコードを提供してください書くか知っている場合。注：例のようにル

0熱

1答えて

角度4のHostListenerのウィンドウ：ユーザーがスクロールを停止した後、スクロールが継続的に発生する

ユーザーがスクロールして特定の位置にスクロールすると、角度付きアニメーションを適用するHostListenerがあります。ユーザーがスクロールすると、HostListenerにアタッチされたメソッドが起動します。ユーザーがスクロールを停止すると、メソッドはconsole.log出力のように起動を停止します。 1608年のY値（window.pageYOffset）過去のユーザーがスクロール場合は、

4熱

2答えて

5角度（CSS）

ルーティング中にアニメーションをフェードI 2つの経路を有する： export const appRoutes: Route[] = [ { path: 'page1', component: Page1Component, data: { animation: 'page1' } }, {

1熱

1答えて

角度5つのアニメーション：設定 'オーバーレイ：隠された' 'slideUp'

私が持っているこのトリガー前： export const slideInOutTrigger = trigger('slideInOut', [ state('true', style({ height: '0', opacity: '0', overflow: 'hidden' })), state('false', style(

1熱

1答えて

アニメーションの最後に最終的なアニメーションの状態が破棄されます

私は：leave遷移で要素をアニメートしようとしています。その動作によってちょっと困惑しています。 trigger('inOut', [ transition(':enter', [ style({'max-height': '0'}), animate(250, style({'max-height': '150px'})) ], { params

1熱

1答えて

ゼロ要素を間違って返すアンギュラアニメーションクエリ

私はAngularを使用してElectronアプリケーションで作業していますが、メインページはJSONファイルから非同期にロードされる項目のリストを表示することになっています。アニメーションをうまく読み込んでアニメーションしますが、アニメーションをずらすために、角度アニメーションのクエリ機能を呼び出します。残念なことに、このクエリは、正しいアニメーション（ちょうど互い違いにはならない）を使用し

2熱

1答えて

角度 - アニメーションパラメータのデフォルト値を定義する方法は？

私はAngularアニメーションで作業しています。アニメーションを改善するために、パラメータを使用する必要があります。これを行うには、as this answer suggestedを実行し、補間としました。ここでは私が状態のために持っているものです。 state('position', style({ transform: 'translateX({{translate_X}}) transl