<!-- <ul class="menu-list" *ngIf=pokemon>
    <img src="{{pokemon.img}}" (click)="clicSurImage(pokemon.nom)" />
    <li>Nom : {{pokemon.nom}}</li>
    <li>Catégorie : <span *ngIf="pokemon.categorie; else na">{{pokemon.categorie}}</span></li>
    <li>Type : <span *ngIf="pokemon.type; else na">{{pokemon.type}}</span></li>
    <li>Taille : <span *ngIf="pokemon.taille; else na">{{pokemon.taille | number:'1.0-2'}} m</span>
    </li>
    <li>Poids : <span *ngIf="pokemon.poids; else na">{{pokemon.poids | number: '1.0-2'}} kg</span>
    </li>
    <ng-template #na>N/A</ng-template>
</ul> -->

<ul class="menu-list" *ngIf=pokemon> 
    <img src="{{pokemon.img}}" (clic)="clicEnImagen (pokemon.nombre)" /> 
    <li>Nombre : {{pokemon.nombre}}</li> 
    <li>Categoría : <span *ngIf="pokemon.categoria; else na">{{pokemon. categoria }}</span></li> 
    <li>Tipo : <span *ngIf="pokemon.tipo; else na">{{pokemon.tipo}}</span></li> 
    <li>Talla : <span *ngIf="pokemon.talla; else na">{{pokemon.talla | number:'1.0-2'}} m</span></li> 
    <li>Peso : <span *ngIf="pokemon.peso; else na">{{pokemon.peso | number: '1.0-2'}} kg</span></li> 
    <ng-template #na>N/A</ng-template> 
</ul>
