30 lines
No EOL
795 B
HTML
30 lines
No EOL
795 B
HTML
|
|
<div>
|
|
|
|
<h2>Mon humeur :</h2>
|
|
|
|
<!-- envoie une alerte sur le header au clic du changement d'humeur-->
|
|
<app-alert
|
|
*ngIf="isShow"
|
|
[alert]="alert"
|
|
(eventClose)="onClickCloseAlert()"
|
|
></app-alert>
|
|
|
|
|
|
<!--affichage de l'humeur sur laquelle on a cliqué-->
|
|
<p><img src="{{monHumeurLien}}" alt="{{monHumeurTitle}}" *ngIf="monHumeurLien" ></p>
|
|
|
|
<p>Je modifie mon avatar :</p>
|
|
|
|
<!--Directive structurelle *ngFor pour afficher tous les éléments du tableau-->
|
|
<!-- puis récupération au click de l'indice de l'humeur choisie-->
|
|
<div class="humeur" *ngFor="let humor of tabHumeur; let i=index">
|
|
<img src="{{humor.lien}}" alt="{{humor.title}}" (click)="onChoixHumeur(i)">
|
|
</div>
|
|
|
|
|
|
<div >
|
|
|
|
|
|
</div> </div>
|
|
|