title: Angular 2 ngIf Syntax error in regular expression on ie9 and ie10
body: <p>I'm trying to make my angular 2 (2.4.1) application fully compatible with ie9 and ie10.
  The application works well but there is a little big I haven't been able to solve yet.
  When this component (post-viewer) is used:</p>
  
  <pre><code>&lt;div *ngFor="let post of posts" id="post-container"&gt;
      &lt;h1 *ngIf="single"&gt;{{post.title}}&lt;/h1&gt;
      &lt;h2 *ngIf="!single"&gt;{{post.title}}&lt;/h2&gt;
      &lt;div id="post-content"&gt;
          &lt;div class="post-icons"&gt;
              &lt;span class="post-icon"&gt;&lt;i class="fa fa-user"&gt;&lt;/i&gt; {{post.author}}&lt;/span&gt;
              &lt;span class="post-icon"&gt;&lt;i class="fa fa-calendar"&gt;&lt;/i&gt; {{post.date | date: 'dd/MM/yyyy' }}&lt;/span&gt;
              &lt;span class="post-icon"&gt;&lt;i class="fa fa-archive"&gt;&lt;/i&gt; &lt;gds-cat-resolver [catId]="post?.category" &gt;&lt;/gds-cat-resolver&gt; &lt;/span&gt;
              &lt;span class="post-icon"&gt;&lt;i class="fa fa-tags"&gt;&lt;/i&gt; &lt;gds-tags-resolver [tagsId]="post?.tags"&gt; &lt;/gds-tags-resolver&gt; &lt;/span&gt;
          &lt;/div&gt;
          &lt;p *ngIf="single"&gt;{{post.body }}&lt;/p&gt;
          &lt;p *ngIf="!single"&gt;{{post.body | postMore}} &lt;a [routerLink]="['/post',post.titleUrl]"&gt;More...&lt;/a&gt;&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div (click)="loadMore()" *ngIf="posts.length &gt; 0 &amp;&amp; !single" id="load-more" [class.load-more-disabled]="disable_loadMore"&gt;
      &lt;i class="fa fa-plus-square" aria-hidden="true"&gt;&lt;/i&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>by initializing it in the host component in this way (the bug doesn't appear if [single]='true' is omitted):</p>
  
  <pre><code>&lt;post-viewer [postPagination]="postPagination" [single]='true'&gt;&lt;/post-viewer&gt;
  </code></pre>
  
  <p>I receive a strange error on ie9 and ie10: Syntax error in regular expression.</p>
  
  <p>Ie9 console error snapshot: <a href="http://postimg.org/image/jjv01f6w3/" rel="nofollow noreferrer">http://postimg.org/image/jjv01f6w3/</a></p>
  
  <p>Ie10 console error snapshot: <a href="http://postimg.org/image/llusgvqkn/" rel="nofollow noreferrer">http://postimg.org/image/llusgvqkn/</a></p>
  
  <p>I have been able to isolate the problem in somehow... it's the ngIf directive *ngIf="!single" present in the 12th line causing the problem:</p>
  
  <pre><code>&lt;p *ngIf="!single"&gt;{{post.body | postMore}} &lt;a [routerLink]="['/post',post.titleUrl]"&gt;More...&lt;/a&gt;&lt;/p&gt;
  </code></pre>
  
  <p>If i remove only that ngIf statement the application works fine. It's pretty strange cause there is another identical ngIf statement used in the 3rd line and it doesn't cause any problem.</p>
  
  <p>any suggestion?</p>