Unexpected character "EOF" (Do you have an unescaped "{" in your template? Use "{{ '{' }}") to escape it.)

I think as it is mention in the error that you posted above

Do you have an unescaped "{" in your template? Use "{{ '{' }}") to escape it.

you have to use it like this

 <pre>{{ '{' }} System {{'}'}}

instead of

<pre>{ System } parameters</pre>

Happened to me too. In my case, I noticed that I had a non-closed <textarea> tag, like so: (using angular material)

<textarea mat-input [(ngModel)]="todoItem.content" name="content">

When closing the tag like so:

<textarea mat-input [(ngModel)]="todoItem.content" name="content"></textarea>

the issue was solved.

I hope it helps.


Not that clean solution we're all looking for, but HTML codes are an alternative:

Breaks:

  { foo }

Works fine:

  &#123; foo &#125;

Tags:

Angular