角度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

我已经检查了您在这里粘贴的代码并且工作正常。你能添加其他相关代码吗？也许是＆＃39; showMenuState＆＃39;？

的代码