I have this code, in .html
<div style="float:left ;" [ngStyle]="{'width.%': CurrentRankPercent, 'height.px': 5}"></div>
The above code compiles ok.
then I add the follow: , 'background-color': 0xFF
<div style="float:left ;" [ngStyle]="{'width.%': CurrentRankPercent, 'height.px': 5, 'background-color': 0xFF }"></div>
It compiles wrong, so, I press CTRL-Z, to undo all changes (and then I just add and remove an useless space anywhere else so it is like the file surelly is taken as changed), save all menú option (last visual studio code), and then see how it compiles,
Now, the code that before was compiling OK, now COMPILES ERROR (Yes, I checked that the CMD console really is alive and re-runing the compilation process and not stuck in text select mode), don't matter how many times I try to recompile it, it throws errors.
So, I press, CTRL+C, YES, and write again, ng serve -o (windows)
and it now compiles, ok!.
What I am doing wrong? This is turning me crazy. It is like a new-developers trap?
The errors are: Parser Error: Missing expected } at column..., but there is the closing...
But in the following compilations for the SAME code, returns " Can't bind to 'ngStyle' since it isn't a known property of 'div'.", which is a lie, because Common is imported, worked the first time, etc.
so, CTRL+C , YES, and ng serve -o, again , again and again.
Also I don't know, why : 255 works, and : 0xFF doesn't work? I am assuming ngStyle is expecting typescript lang. not normal CSS as the sharp #FF didn't work.
question from:
https://stackoverflow.com/questions/65896654/in-angular-10-different-results-while-compiling-the-same-html-tags-with-ngstyle