Ng style doesnt remove old style when the model object changes

[lakshaydulani]

Current behaviour - If you assign an object to ngStyle in a div, ngStyle doesnt flush the style properties from the older object when it changes.

Expected/desired behavior - All the old object style should be flushed, and only the new object style properties should be applied.

Reproduction of the problem
http://plnkr.co/edit/ccS4gOZgdMqguwIcGRob?p=preview

In the above plunkr, click on first button (margin border background), then on second and then on third. Till this, it works fine.
But now click on second button (border background), margin property should be removed but it isn't.

I had earlier reported the same issue - #10315

[DzmitryShylovich]

it will work if you change prop order

 three(){
    this.style = {"margin":"10px", "border":"1px solid black" };
  }

http://plnkr.co/edit/YzXr7RG8l0U9BbJ94e7w?p=preview

[sod]

[DzmitryShylovich]

Yeah, it's a KeyValueDiffer bug

[vicb]

Can reproduce @lakshaydulani please complete the full template next time you report an issue, thanks

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