Bonjour,

J'essaie de créer une liste sous Angular Typescript qui conditionnerait la mise en forme sur un des attributs du Subject en utilisant *ngIf

J'avais pensé a ça :

        <div class="col-lg-12">
            <div style="margin-bottom:30px;" class="row list-group-item" *ngFor="let messages of messages; let i = index">
                <div class="row list-group-item" *ngIf="messages.pseudo !== 'Admin'" style="background-color: lightyellow; padding: 10px;">
                    <h4 class="list-group-item-heading">Pseudo : {{ messages.pseudo }}</h4>
                    <h4 class="list-group-item-text">Message : {{ messages.message }}</h4>
                    <button style="width:110px; margin:5px;" class="btn btn-danger pull-right" (click)="onDeleteMessages(messages)" *ngIf="isAuth">Supprimer</button><button style="width:110px; margin:5px;" class="btn btn-success pull-right" (click)="onAnswerMessages(i)" *ngIf="isAuth">Répondre</button>
                </div>
                <div class="row list-group-item" *ngIf="messages.pseudo === 'Admin'" style="background-color: lightpink; padding: 10px;">
                    <h4 class="list-group-item-heading">Pseudo : {{ messages.pseudo }}</h4>
                    <h4 class="list-group-item-text">Message : {{ messages.message }}</h4>
                    <button style="width:110px; margin:5px;" class="btn btn-danger pull-right" (click)="onDeleteMessages(messages)" *ngIf="isAuth">Supprimer</button><button style="width:110px; margin:5px;" class="btn btn-success pull-right" (click)="onAnswerMessages(i)" *ngIf="isAuth">Répondre</button>
                </div>
            </div>
        </div>

Mon problème est que la liste n'existe plus, je ne peux afficher qu'un seul message une fois la mise en forme réalisée

Merci d'avance