角度4动画-不应用过渡时间

Question

我究竟做错了什么？ 过渡发生了，但它是即时的。 动画功能中设置的时间未应用

trigger('showMenu', [
  state('active', style({
    marginLeft: '0px'
  })),
  state('inactive', style({
    marginLeft: '-230px'
  })),
  transition('inactive => active', animate('2s')),
  transition('active => inactive', animate('2s'))
])

<div [@showMenu]="showMenuState" id="menu-side-wrapper">
    MENU
    <div id="close-menu">
       CLOSE
    </div>
</div>

Answer 1

通过在主模块中删除 NoopAnimationsModule的导入，我解决了项目中的确切问题。 这似乎是模拟动画，但实际上没有做任何事情。

Answer 2

我已经检查了您粘贴在这里的代码，它工作正常。 您可以添加其他任何相关代码吗？ 也许“ showMenuState”的代码？