Javascript 使用Angular 1.2和Animate.css加载动画？

我正在尝试使用Angular 1.2和animate.css在加载时制作一个页面的动画

这是普朗克：

我想背景交叉淡入，右侧的黄色菜单从右侧滑入

在main.html中：

<div>
  <div class="background-container">
    <my-Background></my-Background>
  </div>

  <div class="menu-container">
      <my-Menu id="menu"></my-Menu>
  </div>

</div>

main.css中定义的动画似乎不会被触发。我很确定这是由于css加载的顺序和/或时间，尽管我可能要处理不止一个问题

---

从动画的角度来看，什么是“正确”的方法来确保一切都已加载并准备就绪，以便使动画在加载时工作？

您是否看过类似HTML5加载程序的东西，以便在加载DOM时加载初始资产。有一个jQuery插件，我知道它不是Angular和另一个库，但它可能有助于您的操作顺序

---

您可以尝试nganimate，这是一个供您参考的简单文档

---

谢谢，我看了一下，但正如你所指出的，我真的在寻找正确的“角度方式”来实现这一点。你试过使用

动画类吗<代码>

。。。还有一个模块是Animate.css，用于angular。@mobabur94我将研究ngFx，它看起来很有希望。

.menu-container.ng-enter {
    animation:3s fadeInRightBig;
}


.background-container.ng-enter {
    animation:3s fadeInDown;
}