問題タブ [angular-animations]

新しい Angular-Material リリースでは、Angular-Animations 用のモジュールを追加する必要があります。2 つの BrowserAnimationsModule と NoopAnimationsModule から選択できます。公式ガイドには次のように記載されています。

一部のマテリアル コンポーネントは、より高度なトランジションを実行できるようにするために、Angular アニメーション モジュールに依存しています。これらのアニメーションをアプリで動作させたい場合は、@angular/animations モジュールをインストールし、Br​​owserAnimationsModule をアプリに含める必要があります。

プロジェクトに別の依存関係を追加したくない場合は、NoopAnimationsModule を使用できます。

ここで何が違うのかよくわかりません。まったく同じようです:) 2つのモジュールの違いは何ですか?

@angular/animations をインストールしようとしています。どうやら、これは @angular/material の依存関係であり、マテリアルをGET http://localhost:3000/@angular/animations 404 (Not Found)インストールしてから取得しています。

インストール中にこのエラーが発生します：

これは、バージョン 4.0.3 のコアが必要であることを示しているようです。しかし、4.1.2が必要だとも言っています。私は4.0.3を持っています。これが私のnpm outdatedの出力です：

また、 @angular/animations は既に package.json:"@angular/animations": "^4.1.2",にありますが、フォルダーは存在しません。

では、どうすればアニメーションをインストールできますか? 今日最新の angular-quickstart をインストールしたばかりですが、Angular を更新する必要がありますか? そうですか、どうですか？この投稿は、私にとってはうまくいきませんでした（おそらく、私はWindowsを使用しているためですか？）

または、私は間違った道を進んでいますか - 今欲しいのは @angular/material が機能することだけなので、チュートリアルを続けることができます。

バージョン 4.2 より前 (現時点では RC) では、ズームアニメーション用に次のコードを使用していました。

現在、4.2 は入力パラメーターをサポートしているので (これを長い間待っていました)、次のようにします。

component code:

アニメーションコードは次のように変更されました。

しかし、アニメーション コードの状態で定義されたスタイルがない場合、アニメーションが終了した後、要素 (この場合はボタン) は常に自然なサイズにジャンプします。そして、state() コード ブロックで入力パラメータを指定する方法がわかりません。

私もこれを試しました：

アニメーションの最後に変換の値が保持されることを望んでいましたが、何も達成されません...