angular-animations

1熱

1答えて

polyfills web-animationsを追加すると、（少なくとも）Firefox用にAngularアニメーションが完全にサポートされていませんか？

Webアニメーションポリフィルを追加するときにも、AngularアニメーションがFirefoxと互換性がないかどうかは知りませんか？基本要素のアニメーションに関するこのエラーがあります。 ERROR DOMException [NotSupportedError: "Animation to or from an underlying value is not yet supported."

0熱

1答えて

Angular 2で無限アニメーションを実行するにはどうすればよいですか？

基本的に、要素上で無限のアニメーションを実行するために、web-animations-api polyfillを角度（現在は4）で使用したいと考えています。はのは、基本的な非角度の例を見てみましょう： var ball = document.getElementById('ball'); ball.animate([ { transform: 'scale(0.5)'

4熱

2答えて

角度ルータのアニメーションタイミングエラー

私は最近、ルート間のアニメーションを利用するために、角度アプリを4.0にアップデートしました。以下私のアニメーション機能である： export function routerTransition() { return trigger('routerAnimations', [ transition('home => development, design => home',

5熱

1答えて

IEエッジで角度アニメーションが機能しない

コンポーネントにアニメーションをAngularで追加しました。しかし、アニメーションはChromeとFirefoxでは機能しますが、IE Edgeではアニメーションがトリガーされません。ただし、スタイルは状態の変更に正しく適用されますが、指定されたアニメーションはありません。誰も同じ問題がありますか？ここでは私のコードです： animations: [ trigger('rowSta

1熱

1答えて

角度4つのアニメーションは、テーブルのTRへのものを適用したのと同じアニメーションがアニメーション化されていないとのdivに適用されたものと同じアニメーションが適切にアニメーション化され、どのように見ることができます。この例では、適切

Code sample https://plnkr.co/edit/sT0YL2T3w940RPlIu1YL?p=preview 働いていません。これはIE11でのみ発生します。あなたはこれについて説明していますか？

0熱

1答えて

角度4 + Jest-Preset-Angular：ファイルからインポートされたトリガを使用してホスト上でアニメーションをテストする

別のファイルからインポートされたホスト要素のアニメーションを持つコンポーネントでJest-Preset-Angularのテストを実行すると問題が発生する別のコンポーネントで再利用できます）。 example.animation.ts import { trigger } from '@angular/animations'; export const ExampleAnimationHost

1熱

1答えて

角4のアニメーション状態の変更

2つのdivにアニメーションを適用して、ボイド状態の内外をアニメーション化しました。参照：https://plnkr.co/edit/uCdBafYG7NZxVVppiTpo?p=preview HTML： <div *ngIf="shown" [@flipEnterExitAnimation]="state"> <div style="border: 1px solid black

3熱

1答えて

角のあるアニメーションを動的に作成する

次のまたは前のフルスクリーンページにスライドするページングコンポーネントを作成しています。なぜなら私はCSSの移行を使用して放棄した異なるブラウザやデバイスの問題です。私は動作アニメーションのソリューションを持っていますが、新しい問題はそれが拡大縮小しないということです。 import { Component } from '@angular/core'; import { animate, s