angular 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

我检查了您粘贴在此处的代码，它工作正常。你能添加任何其他相关代码吗？也许 'showMenuState'?

的代码

Answer 2

我通过 删除 在我的主模块中导入 NoopAnimationsModule 解决了我的项目中的确切问题。这个好像是在嘲笑动画，其实什么都没做。