title: Unexpected character "EOF" (Do you have an unescaped "{" in your template? Use "{{ '{' }}") to escape it.)
body: <p>I am upgrading my angular 2 app from beta 9 to RC5 and i get this error in my form template.</p>
  
  <p>Here is the full error</p>
  
  <pre><code>zone.js:461 Unhandled Promise rejection: Template parse errors:
  Unexpected character "EOF" (Do you have an unescaped "{" in your template? Use "{{ '{' }}") to escape it.) ("
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/section&gt;
  [ERROR -&gt;]"): ParametersFormComponent@186:0
  Invalid ICU message. Missing '}'. ("arr"&gt;
          &lt;p&gt;{{ pa }}&lt;/p&gt;
          &lt;button class="destroy" type="button" (click)="deleteItem(pa, [ERROR -&gt;]'param')"&gt;&lt;/button&gt;
        &lt;/li&gt;
  
  "): ParametersFormComponent@158:70
  Unexpected closing tag "button" ("    &lt;p&gt;{{ pa }}&lt;/p&gt;
          &lt;button class="destroy" type="button" (click)="deleteItem(pa, 'param')"&gt;[ERROR -&gt;]&lt;/button&gt;
        &lt;/li&gt;
  
  "): ParametersFormComponent@158:80
  Unexpected closing tag "li" ("/p&gt;
          &lt;button class="destroy" type="button" (click)="deleteItem(pa, 'param')"&gt;&lt;/button&gt;
        [ERROR -&gt;]&lt;/li&gt;
  
        &lt;pre&gt;{ Restrict Operator } parameters&lt;/pre&gt;
  "): ParametersFormComponent@159:6
  Invalid ICU message. Missing '}'. ("arr"&gt;
          &lt;p&gt;{{ la }}&lt;/p&gt;
          &lt;button class="destroy" type="button" (click)="deleteItem(la, [ERROR -&gt;]'liftOperator')"&gt;&lt;/button&gt;
        &lt;/li&gt;
  
  "): ParametersFormComponent@170:70
  Unexpected closing tag "button" ("{{ la }}&lt;/p&gt;
          &lt;button class="destroy" type="button" (click)="deleteItem(la, 'liftOperator')"&gt;[ERROR -&gt;]&lt;/button&gt;
        &lt;/li&gt;
  
  "): ParametersFormComponent@170:87
  Unexpected closing tag "li" ("     &lt;button class="destroy" type="button" (click)="deleteItem(la, 'liftOperator')"&gt;&lt;/button&gt;
        [ERROR -&gt;]&lt;/li&gt;
  
        &lt;pre&gt;{ xInitial } parameters&lt;/pre&gt;
  "): ParametersFormComponent@171:6
  Invalid ICU message. Missing '}'. ("
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/section&gt;
  [ERROR -&gt;]"): ParametersFormComponent@186:0 ; Zone: &lt;root&gt; ; Task: Promise.then ; Value: BaseException {message: "Template parse errors:↵Unexpected character "EOF" …tion&gt;↵[ERROR -&gt;]"): ParametersFormComponent@186:0", stack: "Error: Template parse errors:↵Unexpected character…ttp://localhost:4200/polyfills.bundle.js:3385:38)"}message: "Template parse errors:↵Unexpected character "EOF" (Do you have an unescaped "{" in your template? Use "{{ '{' }}") to escape it.) ("↵    &lt;/div&gt;↵  &lt;/div&gt;↵&lt;/section&gt;↵[ERROR -&gt;]"): ParametersFormComponent@186:0↵Invalid ICU message. Missing '}'. ("arr"&gt;↵        &lt;p&gt;{{ pa }}&lt;/p&gt;↵        &lt;button class="destroy" type="button" (click)="deleteItem(pa, [ERROR -&gt;]'param')"&gt;&lt;/button&gt;↵      &lt;/li&gt;↵↵"): ParametersFormComponent@158:70↵Unexpected closing tag "button" ("    &lt;p&gt;{{ pa }}&lt;/p&gt;↵        &lt;button class="destroy" type="button" (click)="deleteItem(pa, 'param')"&gt;[ERROR -&gt;]&lt;/button&gt;↵      &lt;/li&gt;↵↵"): ParametersFormComponent@158:80↵Unexpected closing tag "li" ("/p&gt;↵        &lt;button class="destroy" type="button" (click)="deleteItem(pa, 'param')"&gt;&lt;/button&gt;↵      [ERROR -&gt;]&lt;/li&gt;↵↵      &lt;pre&gt;{ Restrict Operator } parameters&lt;/pre&gt;↵"): ParametersFormComponent@159:6↵Invalid ICU message. Missing '}'. ("arr"&gt;↵        &lt;p&gt;{{ la }}&lt;/p&gt;↵        &lt;button class="destroy" type="button" (click)="deleteItem(la, [ERROR -&gt;]'liftOperator')"&gt;&lt;/button&gt;↵      &lt;/li&gt;↵↵"): ParametersFormComponent@170:70↵Unexpected closing tag "button" ("{{ la }}&lt;/p&gt;↵        &lt;button class="destroy" type="button" (click)="deleteItem(la, 'liftOperator')"&gt;[ERROR -&gt;]&lt;/button&gt;↵      &lt;/li&gt;↵↵"): ParametersFormComponent@170:87↵Unexpected closing tag "li" ("     &lt;button class="destroy" type="button" (click)="deleteItem(la, 'liftOperator')"&gt;&lt;/button&gt;↵      [ERROR -&gt;]&lt;/li&gt;↵↵      &lt;pre&gt;{ xInitial } parameters&lt;/pre&gt;↵"): ParametersFormComponent@171:6↵Invalid ICU message. Missing '}'. ("↵    &lt;/div&gt;↵  &lt;/div&gt;↵&lt;/section&gt;↵[ERROR -&gt;]"): ParametersFormComponent@186:0"stack: "Error: Template parse errors:↵Unexpected character "EOF" (Do you have an unescaped "{" in your template? Use "{{ '{' }}") to escape it.) ("↵    &lt;/div&gt;↵  &lt;/div&gt;↵&lt;/section&gt;↵[ERROR -&gt;]"): ParametersFormComponent@186:0↵Invalid ICU message. Missing '}'. ("arr"&gt;↵        &lt;p&gt;{{ pa }}&lt;/p&gt;↵        &lt;button class="destroy" type="button" (click)="deleteItem(pa, [ERROR -&gt;]'param')"&gt;&lt;/button&gt;↵      &lt;/li&gt;↵↵"): ParametersFormComponent@158:70↵Unexpected closing tag "button" ("    &lt;p&gt;{{ pa }}&lt;/p&gt;↵        &lt;button class="destroy" type="button" (click)="deleteItem(pa, 'param')"&gt;[ERROR -&gt;]&lt;/button&gt;↵      &lt;/li&gt;↵↵"): ParametersFormComponent@158:80↵Unexpected closing tag "li" ("/p&gt;↵        &lt;button class="destroy" type="button" (click)="deleteItem(pa, 'param')"&gt;&lt;/button&gt;↵      [ERROR -&gt;]&lt;/li&gt;↵↵      &lt;pre&gt;{ Restrict Operator } parameters&lt;/pre&gt;↵"): ParametersFormComponent@159:6↵Invalid ICU message. Missing '}'. ("arr"&gt;↵        &lt;p&gt;{{ la }}&lt;/p&gt;↵        &lt;button class="destroy" type="button" (click)="deleteItem(la, [ERROR -&gt;]'liftOperator')"&gt;&lt;/button&gt;↵      &lt;/li&gt;↵↵"): ParametersFormComponent@170:70↵Unexpected closing tag "button" ("{{ la }}&lt;/p&gt;↵        &lt;button class="destroy" type="button" (click)="deleteItem(la, 'liftOperator')"&gt;[ERROR -&gt;]&lt;/button&gt;↵      &lt;/li&gt;↵↵"): ParametersFormComponent@170:87↵Unexpected closing tag "li" ("     &lt;button class="destroy" type="button" (click)="deleteItem(la, 'liftOperator')"&gt;&lt;/button&gt;↵      [ERROR -&gt;]&lt;/li&gt;↵↵      &lt;pre&gt;{ xInitial } parameters&lt;/pre&gt;↵"): ParametersFormComponent@171:6↵Invalid ICU message. Missing '}'. ("↵    &lt;/div&gt;↵  &lt;/div&gt;↵&lt;/section&gt;↵[ERROR -&gt;]"): ParametersFormComponent@186:0↵    at new BaseException (http://localhost:4200/main.bundle.js:3322:23)↵    at TemplateParser.parse (http://localhost:4200/main.bundle.js:14533:19)↵    at RuntimeCompiler._compileTemplate (http://localhost:4200/main.bundle.js:32136:51)↵    at http://localhost:4200/main.bundle.js:32064:83↵    at Set.forEach (native)↵    at compile (http://localhost:4200/main.bundle.js:32064:47)↵    at ZoneDelegate.invoke (http://localhost:4200/polyfills.bundle.js:3352:29)↵    at Zone.run (http://localhost:4200/polyfills.bundle.js:3245:44)↵    at http://localhost:4200/polyfills.bundle.js:3600:58↵    at ZoneDelegate.invokeTask (http://localhost:4200/polyfills.bundle.js:3385:38)"__proto__: ErrorconsoleError @ zone.js:461_loop_1 @ zone.js:490drainMicroTaskQueue @ zone.js:494
  </code></pre>
  
  <p>and the html file</p>
  
  <pre><code>&lt;section class="container-fluid"&gt;
    &lt;div class="col-sm-8"&gt;
      &lt;h1&gt;Parameters Form&lt;/h1&gt;
      &lt;form [ngFormModel]="myForm" (ngSubmit)="onSubmit(myForm.value)" class="parameters-form"&gt;
        &lt;fieldset&gt;
          &lt;div class="form-inline"&gt;
            &lt;div class="form-group"&gt;
              &lt;label for="numberOfModelParameters"&gt;Number of Model Parameters(n)&lt;/label&gt;
              &lt;input type="number" #n
                     id="numberOfModelParameters"
                     class="form-control"
                     placeholder="numberOfModelParameters Param"
                     [ngFormControl]="myForm.controls['numberOfModelParameters']"&gt;
            &lt;/div&gt;
            &lt;div class="form-group"&gt;
              &lt;label for="numberOfModelVariables"&gt;Number of Model Variables(m)&lt;/label&gt;
              &lt;input type="number" #m
                     id="numberOfModelVariables"
                     class="form-control"
                     placeholder="numberOfModelVariables Param"
                     [ngFormControl]="myForm.controls['numberOfModelVariables']"&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="form-inline"&gt;
            &lt;div class="form-group"&gt;
              &lt;label for="systemParameters"&gt;System Parameters&lt;/label&gt;
              &lt;input type="text"
                     id="systemParameters"
                     class="form-control"
                     placeholder="systemParameters Param"
                     [ngFormControl]="systemParameters"
                     (keypress)="addToArray($event, systemParameters.value, 'systemParameters')"&gt;
            &lt;/div&gt;
            &lt;div class="form-group"&gt;
              &lt;label for="restrictOperator"&gt;Restrict Operator&lt;/label&gt;
              &lt;input type="text"
                     id="restrictOperator"
                     class="form-control"
                     placeholder="restrictOperator Param"
                     [ngFormControl]="myForm.controls['restrictOperator']"
                     (keypress)="addToArray($event, restrictOperator.value, 'restrictOperator')"&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="form-inline"&gt;
            &lt;div class="form-group"&gt;
              &lt;label for="param"&gt;Param&lt;/label&gt;
              &lt;input type="number"
                     id="param"
                     class="form-control"
                     placeholder="param"
                     [ngFormControl]="myForm.controls['param']"
                     (keypress)="addToArray($event, param.value, 'param')"&gt;
            &lt;/div&gt;
            &lt;div class="form-group"&gt;
              &lt;label for="liftOperator"&gt;Lift Operator&lt;/label&gt;
              &lt;input type="text"
                     id="liftOperator"
                     class="form-control"
                     placeholder="liftOperator Param"
                     [ngFormControl]="myForm.controls['liftOperator']"
                     (keypress)="addToArray($event, liftOperator.value, 'liftOperator')"&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="form-inline"&gt;
            &lt;div class="form-group"&gt;
              &lt;label for="netLogoFile"&gt;Net Logo File&lt;/label&gt;
              &lt;input type="text"
                     id="netLogoFile"
                     class="form-control"
                     placeholder="netLogoFile Param"
                     [ngFormControl]="myForm.controls['netLogoFile']"&gt;
            &lt;/div&gt;
  
            &lt;div class="form-group"&gt;
              &lt;label for="xInitial"&gt;xInitial&lt;/label&gt;
              &lt;input type="number"
                     id="xInitial"
                     class="form-control"
                     placeholder="xInitial Param"
                     [ngFormControl]="myForm.controls['xInitial']"
                     (keypress)="addToArray($event, xInitial.value, 'xInitial')"&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/fieldset&gt;
  
  
        &lt;fieldset&gt;
          &lt;div class="form-inline"&gt;
            &lt;div class="form-group"&gt;
              &lt;label for="realisations"&gt;Realisations&lt;/label&gt;
              &lt;input type="number"
                     id="realisations"
                     class="form-control"
                     placeholder="Realisations Param"
                     [ngFormControl]="myForm.controls['realisations']"&gt;
            &lt;/div&gt;
  
          &lt;/div&gt;
  
  
          &lt;div class="form-group"&gt;
            &lt;label for="NumConstSteps"&gt;Number of Constant Steps&lt;/label&gt;
            &lt;input type="number"
                   id="NumConstSteps"
                   class="form-control"
                   placeholder="NumConstSteps Param"
                   [ngFormControl]="myForm.controls['numConstSteps']"&gt;
          &lt;/div&gt;
  
          &lt;div class="form-group"&gt;
            &lt;label for="timeHorizon"&gt;Time Horizon&lt;/label&gt;
            &lt;input type="number"
                   id="timeHorizon"
                   class="form-control"
                   placeholder="timeHorizon Param"
                   [ngFormControl]="myForm.controls['timeHorizon']"&gt;
          &lt;/div&gt;
  
          &lt;div class="form-group"&gt;
            &lt;label for="continuationStep"&gt;Continuation Step&lt;/label&gt;
            &lt;input type="number"
                   id="continuationStep"
                   class="form-control"
                   placeholder="continuationStep Param"
                   [ngFormControl]="myForm.controls['continuationStep']"&gt;
          &lt;/div&gt;
  
          &lt;div class="form-group"&gt;
            &lt;label for="continuationStepSign"&gt;Continuation Step Sign (+,-)&lt;/label&gt;
            &lt;input type="text"
                   id="continuationStepSign"
                   class="form-control"
                   placeholder="continuationStep sign"
                   [ngFormControl]="myForm.controls['continuationStepSign']"&gt;
          &lt;/div&gt;
  
        &lt;/fieldset&gt;
  
        &lt;button [disabled]="!isFullfilled(m.value, n.value) || !myForm.valid" type="submit" class="btn btn-success"&gt;Submit&lt;/button&gt;
        &lt;!-- &lt;button type="submit" class="btn btn-success"&gt;Submit&lt;/button&gt; --&gt;
  
      &lt;/form&gt;
    &lt;/div&gt;
  
    &lt;div class="col-sm-4"&gt;
      &lt;div class="parameter-values-display" *ngIf="system_arr.length != 0 || param_arr.length != 0 || restrict_arr.length != 0 || lift_arr.length != 0 || xinitial_arr.length != 0"&gt;
        &lt;pre&gt;{ System } parameters&lt;/pre&gt;
        &lt;li class="parameters" *ngFor="#sa of system_arr"&gt;
          &lt;p&gt;{{ sa }}&lt;/p&gt;
          &lt;button class="destroy" type="button" (click)="deleteItem(sa, 'systemParameters')"&gt;&lt;/button&gt;
        &lt;/li&gt;
  
        &lt;pre&gt;{ Param } Parameters&lt;/pre&gt;
        &lt;li class="parameters" *ngFor="#pa of param_arr"&gt;
          &lt;p&gt;{{ pa }}&lt;/p&gt;
          &lt;button class="destroy" type="button" (click)="deleteItem(pa, 'param')"&gt;&lt;/button&gt;
        &lt;/li&gt;
  
        &lt;pre&gt;{ Restrict Operator } parameters&lt;/pre&gt;
        &lt;li class="parameters" *ngFor="#ra of restrict_arr"&gt;
          &lt;p&gt;{{ ra }}&lt;/p&gt;
          &lt;button class="destroy" type="button" (click)="deleteItem(ra, 'restrictOperator')"&gt;&lt;/button&gt;
        &lt;/li&gt;
  
        &lt;pre&gt;{ Lift Operator } parameters&lt;/pre&gt;
        &lt;li class="parameters" *ngFor="#la of lift_arr"&gt;
          &lt;p&gt;{{ la }}&lt;/p&gt;
          &lt;button class="destroy" type="button" (click)="deleteItem(la, 'liftOperator')"&gt;&lt;/button&gt;
        &lt;/li&gt;
  
        &lt;pre&gt;{ xInitial } parameters&lt;/pre&gt;
        &lt;li class="parameters" *ngFor="#xa of xinitial_arr"&gt;
          &lt;p&gt;{{ xa }}&lt;/p&gt;
          &lt;button class="destroy" type="button" (click)="deleteItem(xa, 'xInitial')"&gt;&lt;/button&gt;
        &lt;/li&gt;
  
        &lt;div class="response-wrapper"&gt;
          &lt;label&gt;Response&lt;/label&gt;
          &lt;pre&gt;&lt;span&gt;{{ response | json }}&lt;/span&gt;&lt;/pre&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>this was working fine in beta i haven't changed anything since. Any insight?</p>