Question

我直接在app.component.ts中构建了基本消息传递组件，然后对功能和动画感到满意之后，便将所有内容移至库中，进行构建并将其导入回app.module.ts中。功能和样式与我移动之前完全一样，但是现在动画根本不起作用。消息：enter和：leave样式没有过渡就被应用。没有错误被触发。

阅读有关互连网的信息似乎已于2017年12月解决了此问题。This question看起来与我的完全相同，但这是针对Angular5的，可接受的答案显示了已解决的PR。

有什么想法吗？

代码段

@Component({
  selector: 'message-bank',
  templateUrl: './message-bank.component.html',
  styleUrls: ['./message-bank.component.css'],
  animations: [
    trigger('myInsertRemoveTrigger', [
      state('in', style({opacity: 1, maxHeight: '75px'})),
      transition(':enter', [
        style({ opacity: 0, maxHeight: '0px'}),
        animate('0.6s cubic-bezier(0.1, 0.9, 0.95, 1.0)', style({ opacity: 1, maxHeight: '75px'})),
      ]),
      transition(':leave', [
        animate('0.6s cubic-bezier(0.1, 0.9, 0.95, 1.0)', style({ opacity: 0, maxHeight: '0px' }))
      ])
    ]),
  ],
})

WTH编辑：

我刚刚将服务添加到其他组件中，同时等待您的好人发布答案。在重建lib和ng s之后，它们现在可以工作了。我勒个去？除了将服务导入库中的组件之外，我没有更改动画或使用动画的模块中的任何内容。可能与此有关吗？

构建到库后，Angular7动画不会触发

0 个答案: