angular-animations

0熱

1答えて

私はAngular2 @ Anger/Core 2.2.1を取り止めており、資格が悪いたびに「悪い資格」のアニメーションを複数回トリガーしたいと思っています。 HERESに私の考え： @Component({ selector: 'app-login', templateUrl: './login.component.html', styleUrls: ['./log

14熱

4答えて

パラメータ

私はAngular2アニメーションを使用してい animate({'left' : left_indent}) の下に簡単なjQueryのような単純なアニメーションを作成しようとしているが、問題は、私は私のコンポーネントの外left_indentパラメータを渡す行う方法ですアニメーショントリガーのクラス？ animations: [ trigger('flyInOut', [

2熱

1答えて

角度のアニメーションではない中で裏打ち

私はAngular animationsをいじるしてきたとインスタンスの...インラインスタイリングを回避する最善の/推奨される方法があるかどう思っていた、 @Component({ selector: 'page-that-needs-anime', templateUrl: './anime.component.html', styleUrls: ['./anime.component.

1熱

1答えて

Angular2アニメーションがAngular2アプリで

を動作しません、私はここでアニメーションを作成しようとしていることは、コンポーネントのhtmlです： <div [@playBox]="state" id="toPlay" class="playBox rounded-box"> </div> ここでアニメーションです： animations:[ trigger('playBox',[ state('cl

8熱

1答えて

Angular 4アニメーション〜高さ*

アニメーションモジュールのバグであると思うかもしれません。Angular 2.xのアニメーションでは、高さ*からアニメーションまでのアニメーションを作成しました。固定された高さ。一方、Angular 4を使用する場合、アニメーションが適用されている要素の高さは、アニメーションが完了する前に再トリガーするとバグが発生します。ワイルドカード（*）の高さが問題を引き起こしているようです。この問題を再現で

7熱

1答えて

ルートアニメーション角度4

私が進めているアプリでは、ルートを前後にナビゲートする機能が必要です。一方向にアプリをナビゲートすると、コンポーネントは左から右にアニメーションされ、右から左にナビゲートします。すなわち component1 -> component2 = left -> right animation component2 -> component1 = right -> left animation

28熱

2答えて

BrowserAnimationsModuleとNoopAnimationsModuleの違いは何ですか？

新しいAngular-Materialリリースでは、Angular-Animations用のモジュールを追加する必要があります。 2つのBrowserAnimationsModuleとNoopAnimationsModuleから選択できます。 official guide状態：は、いくつかの材料のコンポーネントは、より高度な移行を行うことができるようにするために、角度アニメーションモジュールに

0熱

1答えて

angle2アニメーションのエフェクトにアニメーション効果を適用する

（https://teradata.github.io/covalent/#/components/expansion-panelを複製しようとしている）mdカードにアニメーションを適用しようとしています...アニメーションを表示して適用することはできますが、 /崩壊した私は得ることができない滑らかです。私は状態間の遷移がfast.Iはデモの私のカードがクリックされたときにアニメーションの同じ種類

5熱

1答えて

条件2でアニメーションを条件付きで追加する方法

フィールドを持つフォームコンポーネントがあります。フォームに表示されるときにアニメーション化するフィールドがありますが、すべてのフィールドではありません。他の属性と <div *ngFor="let field of form.Fields"> <div [ngSwitch]="field.Type" [@slideOut]> <!-- more field stuff --

1熱

1答えて

Angular2アニメーションがアニメ化しない

次のコンポーネントがAngular2にあります。 @Component({ selector: 'nav-menu-item', styleUrls: ['./menu-item.component.scss'], animations: [ trigger('collapsedState', [ state('collapsed', style