ngFor元素上的Angular 2動畫bug

Question

我最近開始玩Angular 2和TypeScript。 一切順利，直到我點擊Angular 2動畫。 我知道，他們很容易，但我有一個錯誤，這真的很煩人。

這是Plunker展示正在發生的事情： http ：//plnkr.co/edit/0YsCgD0yUiIqIrTyuA5s？p = preview

當元素添加到列表中時，動畫將運行沒有任何問題。 但是從todolist中刪除元素時，它將刪除所有元素，我不知道為什么。 在JS中，仍有一些元素Angular只是不顯示它們。 動畫將在每個元素上運行，而不是沒有索引的元素。

這是我的動畫：

    trigger('taskState', [

        state('void', style({
            opacity: 0,
            transform: 'translateX(50px)'
        })),
        transition('void => *', [
            animate('0.2s ease-out')
        ]),
        transition('* => void', [
            style({
                transform: 'scale(0)',
                height: 0
            }),
            animate('0.2s ease-in-out')
        ]),

        state('undone', style({ transform: 'scale(1)' })),
        state('done', style({ transform: 'scale(0.975)', opacity: '0.5' })),
        transition('undone <=> done', [
            animate('50ms ease-in-out')
        ])

    ])

Answer 1

這個問題是由更新版本的Angular解決的。 如果有人有同樣的問題，只需更新你的Angular版本。