Ich benutze ng-bootstrap als Ersatz für ui-bootstrap in angular2.

Meine HTML lautet wie folgt:

<ul class="list-inline">
    <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 }">
         <a href ngb-dropdown-toggle id="desiredSkill{{$index}}">
             <i class="bi_interface-tick following"></i> {{item}} <i class="bi_interface-more tag-menu-icon"></i>
                            </a>
               <ul class="dropdown-menu tag-menu" ngb-dropdown-menu [aria-labelledby]="desiredSkill{{$index}}">
                     <li><a href>Follow Skill</a></li>
                     <li><a href>Related Jobs</a></li>
                </ul>
     </li>
  </ul>

Aber wenn ich meine App starte bekomme ich folgende Fehlermeldung:

main.browser.ts: 25Error: Template-Analysefehler: Parser-Fehler: Interpolation erhalten ({{}}), bei der in JobDescription @ 174: 77 (") in Spalte 12 ein Ausdruck erwartet wurde [aria-labelledby] = "Wunschfertigkeit {{$ index}}">

"): JobDescription @ 174: 77 Parser-Fehler: Unerwartetes Token '{' in Spalte 13 in [gewünschter Skill {{$ index}}] in JobDescription @ 174: 77 ("
] [aria-labelledby] = "gewünschter Skill {{$ index}}"> "): JobDescription @ 174: 77 Kann nicht an 'aria-labelledby' gebunden werden, da es keine bekannte Eigenschaft von 'ul' ist. ("] [Aria-labelledby] = "wantedSkill {{$ index}}" > "): JobDescription @ 174: 77 Parser-Fehler: Wurde interpoliert ({{}}), wobei Ausdruck in Spalte 12 in [gewünschter Fertigkeitsgrad {{$ index}}] in JobDescription @ 174: 77 ("

                <div class="row">
                  <div class="col-lg-4 col-xs-4" [ERROR ->]*ngFor="let i of [0,1,3]">
                    <img src="http://ecx.images-amazon.com/images/I/81VFU9"):

JobDescription @ 215: 49 Parser-Fehler: Unerwartetes Token '{' in Spalte 13 in [gewünschter Skill {{$ index}}] in JobDescription @ 174: 77 ("

                <div class="row">
                  <div class="col-lg-4 col-xs-4" [ERROR ->]*ngFor="let i of [0,1,3]">
                    <img src="http://ecx.images-amazon.com/images/I/81VFU9"):

JobDescription @ 215: 49 Parser-Fehler: Es wurde eine Interpolation ({{}}) durchgeführt, bei der in Spalte 12 in JobDescription @ 174: 77 ("ERROR -> =" main.applyJob ein Ausdruck erwartet wurde () "> Auf Job bewerben ERROR -> =" main.applyJob () "> Auf Job bewerben] [hidden] ="! IfNotApplied "> Applied] [hidden] ="! IfNotApplied "> Applied] [hidden] =" ! ifNotUploaded "> Lebenslauf hochladen] [hidden] ="! ifNotUploaded "> Lebenslauf hochladen Haben Sie Fragen zu diesem Job?

[ERROR ->] Haben Sie Fragen zu diesem Job?

[ERROR ->]