J'ai le HTML suivant mais j'obtiens l'exception. Comment le réparer ?
Erreur d'analyse: interpolation obtenue ({{}}) où l'expression était attendue à la colonne 48 po [! (editForm.controls.field_item_exportExpression _ {{i}}?. dirty && editForm.controls.field_item_exportExpression _ {{i}}? invalide)]
<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>
Ce qui suit ne fonctionne pas. Dire le jeton indésirable [
trouvé.
[hidden]="!editForm.controls.['item_exportExpression_' + i]?.errors?.required
Ce qui suit ne se plaint pas à propos de [
mais se plaint à Cannot read property '0' of undefined
[hidden]="!editForm.controls.item_exportExpression_[ i]?.errors?.required
modèle
<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>
composant
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;
}
{{}}
jamais va avec [prop]="..."
ou (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>
Il existe 4 types de liaisons:
[]
est nécessaire pour évaluer les valeurs[()]
n'exige rien de spécial{{}}
peut être utilisée avec des attributs généraux()
a très bien fonctionné avec les fonctionsPour répondre à votre question, quelque chose comme ceci a fonctionné pour nous:
<input type="checkbox" [id]="['model-'+i]" [(ngModel)]="model" name="model-{{i}}" (change)="changeHandler($event)" />
Utiliser comme ceci au lieu d'interpolation
<button class="btn btn-primary" title="Edit" (click)="showEditModal(record.id)"><i class="fa fa-edit"></i></button>