Angular2表行动画

Question

我有一个表，其行按集合创建，如plnkr -

example

和此代码

@Component({
  selector: 'my-app',
  template: `
  <table>
    <tr *ngFor="let element of elements">
      <td>{{element.name}}</td>
    </tr>
  </table>
  `,
})
export class App {
  elements:any;

  constructor() {
    this.elements = [
      {name:"name1"},
      {name:"name2"},
      {name:"name3"},
      {name:"name4"}
      ];
  }
}

我想在每次行的顺序发生变化时添加动画，以显示行移动到新位置。 我试图将索引号添加为动画状态，但我不知道如何在它们之间制作动画，我该怎么办呢？