title: Parser Error: Got interpolation ({{}}) where expression was expected
body: <p>I'm using ng-bootstrap as a substitute for ui-bootstrap in angular2.</p>
  
  <p>My html is as follows:</p>
  
  <pre><code>&lt;ul class="list-inline"&gt;
      &lt;li class="tag" ngb-dropdown auto-close="outsideClick" 
          *ngFor="let item of ['Elastic Search','Database Theory','CVS'];
          let $index=index;" 
          [ngClass]="{'default-tag': $index==0, 'matched-tag': $index==1, 'unmatched-tag': $index==2 }"&gt;
           &lt;a href ngb-dropdown-toggle id="desiredSkill{{$index}}"&gt;
               &lt;i class="bi_interface-tick following"&gt;&lt;/i&gt; {{item}} &lt;i class="bi_interface-more tag-menu-icon"&gt;&lt;/i&gt;
                              &lt;/a&gt;
                 &lt;ul class="dropdown-menu tag-menu" ngb-dropdown-menu [aria-labelledby]="desiredSkill{{$index}}"&gt;
                       &lt;li&gt;&lt;a href&gt;Follow Skill&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href&gt;Related Jobs&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
       &lt;/li&gt;
    &lt;/ul&gt;
  </code></pre>
  
  <p>But when I run my app I get following error:</p>
  
  <blockquote>
    <p>main.browser.ts:25Error: Template parse errors:
        Parser Error: Got interpolation ({{}}) where expression was expected at column 12 in [desiredSkill{{$index}}] in
    JobDescription@174:77 ("                  
                                ][aria-labelledby]="desiredSkill{{$index}}">
                                  <li>
                                  "): JobDescription@174:77
        Parser Error: Unexpected token '{' at column 13 in [desiredSkill{{$index}}] in JobDescription@174:77 ("<br>
    
                                ][aria-labelledby]="desiredSkill{{$index}}">
                                  <li>
                                  "): JobDescription@174:77
        Can't bind to 'aria-labelledby' since it isn't a known property of 'ul'. ("                  
                                ][aria-labelledby]="desiredSkill{{$index}}">
                                  <li>
                                  "): JobDescription@174:77
        Parser Error: Got interpolation ({{}}) where expression was expected at column 12 in [desiredSkill{{$index}}] in
    JobDescription@174:77 ("</p>
  
  <pre><code>                &lt;div class="row"&gt;
                    &lt;div class="col-lg-4 col-xs-4" [ERROR -&gt;]*ngFor="let i of [0,1,3]"&gt;
                      &lt;img src="http://ecx.images-amazon.com/images/I/81VFU9"):
  </code></pre>
    
    <p>JobDescription@215:49
        Parser Error: Unexpected token '{' at column 13 in [desiredSkill{{$index}}] in JobDescription@174:77 ("</p>
  
  <pre><code>                &lt;div class="row"&gt;
                    &lt;div class="col-lg-4 col-xs-4" [ERROR -&gt;]*ngFor="let i of [0,1,3]"&gt;
                      &lt;img src="http://ecx.images-amazon.com/images/I/81VFU9"):
  </code></pre>
    
    <p>JobDescription@215:49
        Parser Error: Got interpolation ({{}}) where expression was expected at column 12 in [desiredSkill{{$index}}] in
    JobDescription@174:77 ("        
                      ERROR ->="main.applyJob()">Apply for job
                      
                      ERROR ->="main.applyJob()">Apply for job
                      
                      ][hidden]="!ifNotApplied">Applied 
                      
                      ][hidden]="!ifNotApplied">Applied 
                      
                      ][hidden]="!ifNotUploaded">Upload CV
                      
                      ][hidden]="!ifNotUploaded">Upload CV
                      
                    Have questions about this job?</p>
                    [ERROR ->]
                      
                        
                    Have questions about this job?</p>
                    [ERROR ->]
                      
                        
  </blockquote>