Aurelia - 使用动画在10秒后淡出消息div

Question

我已经让Aurelia CssAnimator工作了，那很好但是我认为它会对任何div以及该div中的任何内容起作用，但是我一直尝试用其他标签制作一个div有动画没有效果。我有这个，因为它在div中有 它无法工作。

<require from="./animateOnChange"></require>
<div animateonchange.bind="messageStrong">
    <strong>${messageStrong}</strong>
${messageStrong}
</div>

我想要动画的是一个div，它具有一个引导警报类，按照：

<template>
  <div animateonchange.bind="messageStrong">
      <div class="alert alert-${alertType}" role="alert">
          <strong>${messageStrong}</strong> ${message}
      </div>
  </div>
</template>

我错误地认为任何位于动画div中的内容也会被动画化。事实并非如此。

如何使这些消息警报在10秒后消失，即使用javascript淡出？我有引导3 ..