Fin module 10 : routes et modules
This commit is contained in:
31
src/app/pokemon/list-pokemon/list-pokemon.component.html
Normal file
31
src/app/pokemon/list-pokemon/list-pokemon.component.html
Normal file
@@ -0,0 +1,31 @@
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div
|
||||
*ngFor="let pokemon of pokemonList"
|
||||
class="col m4 s6"
|
||||
(click)="goToPokemon(pokemon)"
|
||||
>
|
||||
<div class="card horizontal" pkmnBorderCard>
|
||||
<div class="card-image">
|
||||
<img [alt]="pokemon.name" [src]="pokemon.picture" />
|
||||
</div>
|
||||
<div class="card-stacked">
|
||||
<div class="card-content">
|
||||
<p>
|
||||
{{ pokemon.name }}
|
||||
</p>
|
||||
<p>
|
||||
<small>{{ pokemon.created | date : "yyyy-MM-dd" }}</small>
|
||||
</p>
|
||||
<span
|
||||
*ngFor="let type of pokemon.types"
|
||||
class="{{ type | pokemonTypeColor }}"
|
||||
>
|
||||
{{ type }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user