Hab interpolation ({{}}) where-Ausdruck erwartet wurde

Habe ich den folgenden HTML-Code, aber ich bekomme die Ausnahme. Wie es zu lösen ist ?

Parser Error: Got interpolation ({{}}) where-Ausdruck erwartet wurde
in Spalte 48 in
[!(editForm.controls.field_item_exportExpression_{{i}}?.dirty &&
editForm.controls.field_item_exportExpression_{{i}}?.ungültig)]

<div class="form-group">
  <label class="form-control-label" for="field_exportExpression">exportExpression</label>
  <input class="form-control" type="text" id="field_item_exportExpression_{{i}}" name="item_exportExpression_{{i}}" [(ngModel)]="datatype.items[i].exportExpression" required>
  <div [hidden]="!(editForm.controls.field_item_exportExpression_{{i}}?.dirty && editForm.controls.field_item_exportExpression_{{i}}?.invalid)">
   <small class="form-text text-danger" [hidden]="!editForm.controls.field_item_exportExpression_{{i}}?.errors?.required" dpTranslate="dataconfiguration.validation.required"> This field is
                            required. </small>
 </div>
</div>

Folgende nicht funktioniert. Sagen Sie unerwünschte token [ gefunden.

[hidden]="!editForm.controls.['item_exportExpression_' + i]?.errors?.required

Der folgenden ist nicht beschweren [ aber beschweren sich Cannot read property '0' of undefined

 [hidden]="!editForm.controls.item_exportExpression_[ i]?.errors?.required
  • Möglich, Duplikat der Parser-Fehler: Hab interpolation ({{}}) where-Ausdruck erwartet
  • Oder mehrere andere Fragen, etwa die gleiche Fehlermeldung - enttäuschender Mangel an Forschung angesichts Ihrer rep.
  • ich sah, dass der post schon und er hat $index, der die Antwort sagt {{$index}} . ich für mein Fall habe ich und ich in {{i}} dosent Arbeit.
  • ich bin eine Woche alte eckige person, und ich dont care at all about rep
  • Ich sage nicht, Sie tun (oder sollten) sich kümmern rep. Ich sage nur, dass Sie eine Frage stellen, ohne dabei die Forschung ist nicht etwas, was ich erwarten würde von jemanden, der sollte (auf der Grundlage Ihrer aktuellen rep) haben bereits eine gute Vorstellung, wie SO. Wenn Sie habe gelesen, dass die post, nicht warum Sie es erwähnen?
  • Dann setzen, dass die Forschung in der Frage - "ich habe X und versucht Y, aber Z passiert". Ansonsten, wie oben, die Menschen am Ende sagen Sie Dinge, die Sie bereits kennen. Das ist wieder etwas, man sollte schon bewusst sein (wie die Tatsache, dass Seriell downvoting ist gegen die Regeln).
  • Vielleicht können Sie vereinfachen das problem, indem die hidden="code" in Ihre Komponenten-Klasse, und haben nur eine Funktion [hidden]="shouldHide()" so ist alles einfacher
  • Könnten Sie bitte empfehlen in jedem tutorial, was Sie vorgeschlagen. Da ich neu bin und zu eckig, ich bin nicht ganz in der Lage, Ihnen zu Folgen, richtig
  • Sie haben viele tutorials, die Ihnen Folgen konnten, erhalten ein Abonnement für Pluralsight für einen Monat oder zwei zum Beispiel, und finden Sie tolle Angular2 tutorials, zum Beispiel von John Papa weist einen schönen

InformationsquelleAutor Saurabh Kumar | 2017-02-25
  1. 56

    {{}} nie geht zusammen mit [prop]="..." oder (event)="..."

    <small class="form-text text-danger" 
       [hidden]="!editForm.controls.['field_item_exportExpression_' + i]?.errors?.required" dpTranslate="dataconfiguration.validation.required"> This field is
                        required. 
</small>
    InformationsquelleAutor Günter Zöchbauer
  2. 27

    Gibt es 4 Arten von Bindungen:

    • Eigenschaft verbindlich d.h. [] zu bewerten, Werte
    • Modell verbindlich d.h. [()] benötigt nichts besonderes
    • Interpolation Bindung d.h. {{}} könnte verwendet werden, mit Allgemeinen Parametern
    • Veranstaltung verbindlich d.h. () hat Super geklappt mit Funktionen

    Ihre Frage zu beantworten, so etwas wie dieses für uns gearbeitet:

    <input type="checkbox" [id]="['model-'+i]" [(ngModel)]="model" name="model-{{i}}" (change)="changeHandler($event)" />
    InformationsquelleAutor student
  3. 9

    Vorlage 

    <div [hidden]="!checkIfInvalid(i, 'item_exportExpression_')">
                            <small class="form-text text-danger" [hidden]="isRequiredError(i, 'item_exportExpression_')" dpTranslate="dataconfiguration.validation.required"> This field is
                                required. </small>
    </div>

    Komponente

    checkIfInvalid( index: number, field: string ): boolean {
        const control = this.getControl( index, field );
        if ( control && control.dirty && !control.valid ) {
            return true;
        }
        return false;
    }

    isRequiredError( index: number, field?: string ): boolean {
        const control = this.getControl( index, field );
        if ( control && control.getError( "required" ) ) {
            return true;
        }
        return false;
    }
    InformationsquelleAutor Saurabh Kumar
  4. 0

    Einsatz, wie dies anstelle der interpolation

      <button class="btn btn-primary" title="Edit" (click)="showEditModal(record.id)"><i class="fa fa-edit"></i></button>
    InformationsquelleAutor Abdus Salam Azad
Schreibe einen Kommentar