Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
joshuakidd opened this issue Jun 28, 2016 · 3 comments · Fixed by #10287
Closed

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

joshuakidd opened this issue Jun 28, 2016 · 3 comments · Fixed by #10287

Comments

@joshuakidd
Copy link

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] 
@houfeng0923
Copy link

me too ...

demo

click 'heroes' and delete one heroe(not last one) , all heroes which after deleted will not show !

@zoechi
Copy link
Contributor

zoechi commented Jul 4, 2016

Might be related to #7239

matsko added a commit to matsko/angular that referenced this issue Jul 26, 2016
matsko added a commit to matsko/angular that referenced this issue Jul 26, 2016
matsko added a commit to matsko/angular that referenced this issue Jul 26, 2016
matsko added a commit to matsko/angular that referenced this issue Jul 26, 2016
matsko added a commit to matsko/angular that referenced this issue Jul 28, 2016
matsko added a commit to matsko/angular that referenced this issue Jul 29, 2016
matsko added a commit to matsko/angular that referenced this issue Jul 29, 2016
matsko added a commit to matsko/angular that referenced this issue Jul 29, 2016
matsko added a commit to matsko/angular that referenced this issue Aug 1, 2016
matsko added a commit to matsko/angular that referenced this issue Aug 1, 2016
matsko added a commit to matsko/angular that referenced this issue Aug 1, 2016
matsko added a commit to matsko/angular that referenced this issue Aug 1, 2016
matsko added a commit to matsko/angular that referenced this issue Aug 1, 2016
matsko added a commit to matsko/angular that referenced this issue Aug 1, 2016
matsko added a commit to matsko/angular that referenced this issue Aug 1, 2016
matsko added a commit that referenced this issue Aug 1, 2016
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 9, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants