Bouton retour ANGULAR

Fraa_w Messages postés 28 Date d'inscription mercredi 22 décembre 2021 Statut Membre Dernière intervention 5 novembre 2022 - 23 sept. 2022 à 16:58

Bonjour

je cherche une méthode pour revenir à l'étape précédente.

les deux méthodes ne marchent pas parce que je n'essaye pas de faire un back à une ancienne page ...

cancel() {
    this.location.back(); 
  }

goBack(){
   this.back.emit();
  }

j'ai utilisé la méthode de NGIF pour afficher un nouveau composent et cacher l'ancien

je vous partage mon petit code je crois qu'il est simple à comprendre

Ceci est le code HTML (EQUIPE) du premier composent

<div  style="display: flex; justify-content: center; align-items: center;"> 

<ul  *ngIf="!teamSelected " >    
    
    <button  type="button" class="btn btn-outline-dark"  *ngFor="let equipe of equipes" 

    title="{{equipe. eqpDescription}}"

    (click)="findDomaineByEquipeId(equipe.eqpId)"
    
    style=" margin: 20px;
    margin: 10px 0;
    padding: 0.5cm;
    margin-top: 1cm;
    margin: 1.6em  ">
    {{equipe.eqpNom}}
  
    </button>

</ul>

</div>

<app-domaine *ngIf="teamSelected" [domaine]="domaines"> </app-domaine> 

Ceci c'est le code HTML (DOMAINE) du deuxième composent que j'affiche si je clique sur l'ancien composent (EQUIPE)

<div style="display: flex; justify-content: center; align-items: center;">

    <ul *ngIf="!domaineSelected">
        
        <button (click)="  goBack()" >back to equipe</button>

        <button type="button" class="btn btn-outline-dark"  *ngFor="let dom of domaine"

            title="{{dom.domDescription}}" (click)="findChaineByDomaineId(dom.domId)"
            style="margin: 20px; margin: 10px 0; padding: 0.5cm; margin-top: 1cm; margin: 1.6em">
            {{dom.domNom}}

        </button>
    </ul>

</div>


<app-chaine *ngIf="domaineSelected" [chaine]="chaines"> </app-chaine>