Angular remove some of html entities between tags

[Dok11]

I'm submitting a...

[x] Bug report  

Current behavior

Angular remove  ,   and maybe another html entites.

Expected behavior

Save my entities, please!

Minimal reproduction of the problem with instructions

https://stackblitz.com/edit/angular-vs-htmlentity?file=src/app/app.component.html

What is the motivation / use case for changing the behavior?

I want use all of html entities in my html templates.

Environment

Angular 5.2.0 and actual version at stackblitz.com

[pkozlowski-opensource]

This is because of https://angular.io/api/core/Component#preserveWhitespaces which is activated by default in Angular 6.

You can opt out using various methods mentioned in the linked doc, ex.: https://stackblitz.com/edit/angular-vs-htmlentity-w4c7p9?file=src/app/app.component.html

I'm thinking that maybe the list of WS we've got (

angular/packages/compiler/src/ml_parser/html_whitespaces.ts

Line 19 in 49d5de6

const WS_CHARS = ' \f\n\r\t\v\u1680\u180e\u2000-\u200a\u2028\u2029\u202f\u205f\u3000\ufeff';

) is too eager and we should maybe remove \u2000-\u200a.

[Dok11]

@pkozlowski-opensource one thing more about aio:

[Dok11]

I want say what  ,  ,   is not regular whitespaces which are in question in the documentation. They have own appointment and not intended for indention or something around in the html template like \s, \n, \t...

[echo-sean]

Related to issue: #21049

[pkozlowski-opensource]

This is a confirmed bug in the whitespace removal - we should reduce the number of characters that are interpreted as whitespaces.