如何啟用Angular動畫？

Question

我已經通過教程（ https://angular.io/guide/animations ）完成了所有工作，但我有錯誤： menu-navigation.component.html:1 ERROR Error: Found the synthetic property @slideTop. Please include either "BrowserAnimationsModule" or "NoopAnimationsModule" in your application. menu-navigation.component.html:1 ERROR Error: Found the synthetic property @slideTop. Please include either "BrowserAnimationsModule" or "NoopAnimationsModule" in your application.

我閱讀了有關它的一切，但沒有找到解決方法的答案。

文件：

• app.ts： https ：//gist.github.com/yakimchuk/d2458a26e0a8b9a31f7d92d15885ee08
• parent-component-html： https ： //gist.github.com/yakimchuk/63ece812957a67a243cc2ab7cb03fd0a
• parent-component-ts： https ： //gist.github.com/yakimchuk/ea857a109a5c2cc644c16d800990d469
• animated-component.ts： https ： //gist.github.com/yakimchuk/71c7f3d756742e7e6d98d26f27e889d0
• transitions.ts： https ： //gist.github.com/yakimchuk/2ef55221aaeaf382d34aee7e77d31d3d

所以我做了：

• 根模塊中導入的動畫模塊（並將它們添加到導入部分）
• 描述動畫元素的動畫
• 關於動畫的定義屬性
• 根據文件做了一切

我試過了：

• 用NoopAnimationsModule替換BrowserAnimationsModule：沒有結果
• 將“data：boolean”替換為“data：any”（在父組件中）：無結果
• 檢查所有NPM模塊版本：它們都是8.0.0版本，沒有結果
• 多次檢查教程步驟：沒有結果
• 復制教程中的動畫元數據並執行所有操作，但仍然：沒有結果

伙計們，幫幫我:)我已經被困了幾天了。

更新： 最后，我在測試一個新的空項目后找到了答案

如果您為組件（prop）定義了“動畫”，那么您只能在其組件（它自己的html）中使用它們，但不能在父布局中使用它們。

而不是“”你必須在該組件內移動它的aamin（app-animated-comp）。

Answer 1

BrowserAnimationsModule是您需要在app.module中添加的軟件包

https://material.angular.io/guide/getting-started

import {BrowserAnimationsModule} from '@angular/platform-browser/animations';

@NgModule({
  ...
  imports: [BrowserAnimationsModule],
  ...
})
export class PizzaPartyAppModule { }