Template and host context gets confused

[pkozlowski-opensource]

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

[x] bug report => search github for a similar issue or PR before submitting

Current behavior

When a directive:

• is used within the ngFor block
• has a host binding with an non-constant expression
• expression in the host uses a field with the same name as a variable declared in the ngFor block

then the directives field is "shadowed" by a variable declared in the ngFor block.

Expected behavior

Host bindings are evaluated against an appropriate context regardless if the directive is used inside ngFor block or not.

Reproduction of the problem

https://plnkr.co/edit/AgysQsIPMd81W37ON5Ux?p=preview

Expected behavior: foo, bar and baz are rendered with the red background
Current behavior: foo, bar and baz are rendered without any background

• Angular version: 2.0.1
• Browser: all
• Language: all

[pkozlowski-opensource]

Just for the record - I'm not trying to find contrived cases here - this is happening in real projects and was originally reported in ng-bootstrap/ng-bootstrap#813

[angular-automatic-lock-bot]

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.}