it-swarm.com.de

Parser-Fehler: Interpolation ({{}}), bei der ein Ausdruck erwartet wurde

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

Meine HTML ist 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>

Wenn ich meine App starte, erhalte ich folgende Fehlermeldung:

main.browser.ts: 25Error: Fehler bei der Vorlagenanalyse: Parser-Fehler: Interpolation ({{}}), bei der ein Ausdruck in Spalte 12 in [gewünschterKill {{$ index}}] in .__ erwartet wurde. JobDescription @ 174: 77 ("] [Aria-labelledby] =" desireSkill {{$ index}} ">

  • "): JobDescription @ 174: 77 Parser-Fehler: Unerwartetes Token '{' in Spalte 13 in [gewünschterKill {{$ index}}] in JobDescription @ 174: 77 ("
    ] [aria-labelledby] = "desireSkill {{$ index}}">
  • "): JobDescription @ 174: 77 Kann nicht an 'aria-labelledby' binden, da es keine bekannte Eigenschaft von 'ul' ist. (" ] [Aria-labelledby] = "gewünschteSkill {{ $ index}} ">
  • "): JobDescription @ 174: 77 Parser-Fehler: Interpolation ({{}}), bei der ein Ausdruck in Spalte 12 in [gewünschterSkill {{$ index}}] in JobDescription @ 174: 77 erwartet wurde ("

                    <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ünschterKill {{$ 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: Interpolation ({{}}), bei der ein Ausdruck in Spalte 12 in [gewünschterKill {{$ index}}] in .__ erwartet wurde. JobDescription @ 174: 77 (" ERROR -> =" main.applyJob () "> Für Job bewerben ERROR -> =" main.applyJob () "> Für Job bewerben .] [hidden] = "! ifNotApplied"> Angewendet ] [hidden] = "! ifNotApplied"> Angewendet ] [hidden] = "! ifNotUploaded"> Lebenslauf hochladen ...] [hidden] = "! ifNotUploaded"> Lebenslauf hochladen Haben Sie Fragen zu diesem Job?

    [FEHLER ->] Haben Sie Fragen zu diesem Job?</ p> [FEHLER ->]
  • 17
    Akhilesh Kumar

    Sie können die Interpolation nicht innerhalb der Standardeigenschaftenbindung verwenden. Es sollte Ausdruck geben.

    Scheint es sollte sein:

    [attr.aria-labelledby]="'desiredSkill' + $index"
    

    oder

    attr.aria-labelledby="desiredSkill{{$index}}"
    
    26
    yurzui

    Ich glaube, Sie haben vergessen,indexvonngForzu deklarieren.

    *ngFor="let item of ['Elastic Search','Database Theory','CVS'];let $index=index" ...
    

    auch verwenden,

    [attr.aria-labelledby]="desiredSkill{{$index}}"
    
    2
    micronyks

    Benutze das

      <button class="btn btn-primary" title="Edit" (click)="showEditModal(record.id)"><i class="fa fa-edit"></i></button>
    
    1

    Verwenden Sie in Link-Tags wie folgt

    Benutze das

    <a  class="custom-badge status-blue" [routerLink]="'/hospital/doctorleave/'+item.Id]">Manage Leave</a> 
    

    Anstatt von

    <a  class="custom-badge status-blue" [routerLink]="'/hospital/doctorleave/{{item.Id}}']">Manage Leave</a> 
    
    0
    Arun Prasad E S

    Wenn Sie möchten, übergeben Sie nur den Wert $ index

    [attr.aria-labelledby]=" ' ' + $index"
    
    0
    DINESH Adhikari

    Normalerweise tritt dieser Fehler auf, wenn wir versuchen, sowohl die Interpolations- als auch die Property-Datenbindung für dieselbe HTML-Eigenschaft zu implementieren.

    Beispiel:

    Falsche Implementierung

    [disabled]= {{isDisabled}}
    

    Richtige Implementierung

    disabled= {{isDisabled}}
    

    Hinweis: Entfernen Sie die eckige Klammer aus der HTML-Elementeigenschaft

    0
    Yogesh Aggarwal