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.

我阅读了有关它的所有内容，但没有找到解决方法的答案。

文件：

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）中使用它们，而不能在父布局中使用它们。

您必须在组件（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 { }

如何启用角度动画？

1 个答案: