Skip to content

ngFor with Animations, does not display filtered items correctly #9672

@joshuakidd

Description

@joshuakidd

I'm submitting a ... (check one with "x")

[ x ] bug report
[ ] feature request
[ ] support request 

**Current behavior**
Setup: ngFor with Animation state defined.  When filtering the array that the ngFor is based on, items are not displayed correctly.  Removing the animation state eliminates the issue.  

**Expected/desired behavior**
Items are shown by ngFor on array filter when animation is present.  

**Reproduction of the problem**
https://embed.plnkr.co/5hBpYSLIbdXCeFq742C4/

Type 'ab' in the filter textbox.
Observe that the appropriate filtered items are not displayed.  
Removing the animation state attribute from the li element eliminates the issue.

**What is the expected behavior?**
Items are shown by ngFor on array filter when animation is present.  


**What is the motivation / use case for changing the behavior?**
To be able to filter  a list items that are displayed by ngFor with Animations. 

**Please tell us about your environment:**

* **Angular version:** 2.0.0-rc.3

* **Browser:** [all ] 

* **Language:** [TypeScript 1.8] 

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions