angular-animations

7熱

1答えて

要素に角度の変化を適用しようとしていますが、機能しません。 web-animation-jsも追加しましたが、効果はありません。 onMouseleaveとONMOUSEOVER機能の実装を追加 // package.json "web-animations-js": "^2.3.1", //リスト項目 <li class="list-group-item" (mouseover)="onMo

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(

0熱

1答えて

アニメーショントランジション中にスタイルを適用すると、トランジションが中断されます

トランジションの実行中に一定のスタイルを適用するアニメーショントランジションを作成しようとしています。ここに私のトリガー構造は次のとおりです。 animations: [ trigger('bigTrig', [ state('bigSt', style({ transform: 'scale(1.3)', 'background-color': 'gr

1熱

1答えて

アニメーションクエリの制限が適用されていません

角度アニメーションパッケージのquery関数ドキュメントによれば、オプションのパラメータlimitを指定できます。私の理解では、limit: 5で、見つかった最初の5つの要素だけがアニメ化されます。 limit: 1でqueryを使用すると、最初の要素だけがアニメーション化されますが、他の番号ではすべての要素がアニメーション化されます。が、これはplunker transition(':ente

0熱

1答えて

変数でアニメーションを作成する角度4

私は多くのテキストを表示するコンポーネントの展開/折りたたみアニメーションを試してみるために@angular/animations: 4.4.6を使用しています。デフォルトでは一定量のテキストが表示されますが、異なる親コンポーネントで異なる畳み込み高さを定義することができます。私が知ることから、私はすべてのことを正しくやっています。しかし、animationsデコレータは入力を無視し、デフォルト

2熱

1答えて

ルートアニメーションがAngular2で機能しないのはなぜですか？

App.module： import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { HttpModule } from "@angular/h

1熱

1答えて

アンギュラ4 - 、経路変更のビューでフェード使用して、角度のアニメーション

質問： - ：現在、ビューがフェードインアンギュラ4 は問題が角アニメーションを使用して、経路変更のビューでフェードウェブサイトのオンロードではなく、ルートが変更されたときではありません。私は、ルート変更時にも常にビューがフェードインしたいと思っています。これは私のHTMLである：（おそらく問題は???こちら） <div class="page" [@fadeInTransition]>

0熱

1答えて

特定の状態の角度アニメーション

特定の状態の変化に対して異なるアニメーションを作成したい。 Iこれに基づいてよ： https://scotch.io/tutorials/animating-angularjs-apps-ngview をし、それが正常に動作しますが、私はこのような何かしたい：状態がAからBに変更された - 右状態に左からから変更されたスライドビューをCにB - そうでなければダウンまでからスライドビュー -

0熱

1答えて

角度アニメーションを使用して、リストの新しい項目だけにアニメーションをずらしていますか？角度で

あなたは私は、例えば、ここでやっているように、アニメーションをずらすことができます。 <div masonryLayout [masonryOptions]="masonryOptions" [input]="photos" class="grid" [@photosAnimation]="photos.length" > <i