angular: NgIf with async pipe does not rebind child async piped observables

I’m submitting a … (check one with “x”)

[x] bug report
[ ] feature request
[ ] support request => Please do not submit support request here, instead see

Current behavior Async pipe is not reattaching to dom when a parent ngif’s value is dependant upon an async pipe observable.

Expected/desired behavior When the ngIf switches based off the pipe observable value, the children of that ngIf should also have their piped observables mapped to the dom as is shown in the example below when binding to the [hidden] property.

Reproduction of the problem Notice that the green band does not rebind.

What is the expected behavior? That the green band would appear alongside with the blue band and have the same behavior.

What is the motivation / use case for changing the behavior? implementing a modal in a Redux style architecture.

Please tell us about your environment:

  • Angular version: 2.0.0-rc.4
  • Browser: [ only tested in Chrome 51 ]
  • Language: [ only tested in Typescript 1.9 ]

About this issue

  • Original URL
  • State: closed
  • Created 8 years ago
  • Reactions: 7
  • Comments: 19 (3 by maintainers)

Most upvoted comments

I am not using angular anymore, I have switched to React, so I can neither confirm or deny this issue is still present.