I have accessed to a variable called key in this html element. How do I put the key inside of the
*ngIf below: *ngIf="isSubmitted && errors.key.translations"
, especially the errors.key.translation
part.
<div class="form-group col" *ngFor="let key of matchingKeys">
<div
*ngIf="isSubmitted && errors.key.translations"
class="invalid-feedback"
>
</div>
Replace dot with brackets. It should allow to access properties by name stored in a variable. Refer here . The following code should do it
<div *ngFor="let key of matchingKeys">
<div *ngIf="isSubmitted && errors[key].translations">
<p>
{{ key }}
</p>
</div>
</div>
Working example: Stackblitz
Try this:
<div class="form-group col" *ngFor="let key of matchingKeys">
<div
*ngIf="isSubmitted && errors[key]['translations']"
class="invalid-feedback"
>
</div>
I am assuming matchingKeys are the keys to get error..
Try:
*ngIf="isSubmitted && errors[key].translations"
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.