Animation 角度5动画-缓进/缓出时间

我试图用angular 5做一个简单的过渡。过渡本身正在工作，但当我尝试调整过渡的缓进/缓出阶段时。我的设置基于，所以我真的不知道为什么转换时间没有改变

组件。ts

@组件({
选择器：“应用程序主页”，
templateUrl:“./home.component.html”，
样式URL:['./home.component.css']，
动画：[
触发器（'homeState'[
状态（'hide'，样式({
背景颜色：“#eee”，
转换：“translateX（0%）”
})),
状态（'show'，风格({
背景颜色：“#cfd8dc”，
变换：“translateX（100%）”
})),
过渡（'show=>hide'，动画（'6000ms减缓'）），
过渡（'hide=>show'，动画（'1000ms缓进'））
])
]
})

component.html

{{title}

切换功能在显示和隐藏状态之间切换。有人能给我指一下正确的方向吗？谢谢

更新：

好的，我已经做了更多的挖掘。我下载了动画的源代码。源代码具有轻松的工作效果。因此，我将代码复制到我的项目中，但缓解效果仍然不起作用。但是当我把我的原始代码复制到动画项目中时，一切都正常了

Your global Angular CLI version (1.7.4) is greater than your local
version (1.6.5). The local Angular CLI version is used.

---

好吧，我终于明白了。我的文件中有noop测试模块和常规的角度动画（这是我的错，我没有完全理解我在做什么就复制了其他人的设置）。noop是一个无操作模块，仅用于测试

更多信息：

一旦我将其从app.module.ts中删除，一切都很好：

从“@angular/platform browser/animations”导入{NoopAnimationsModule}

我希望这对以后的人有所帮助