IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Angular Discussion :

Fonctionnement route avec plusieurs module


Sujet :

Angular

  1. #1
    Membre averti
    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2022
    Messages
    36
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Septembre 2022
    Messages : 36
    Par défaut Fonctionnement route avec plusieurs module
    Bonjour,

    J'ai configuré 3 modules dans mon application, cependant j'en ai qu'un seul dont les routes fonctionnent correctement et c'est le fichier "gestion-compte.module" :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
     
    import { NgModule } from '@angular/core';
    import { CommonModule } from '@angular/common';
    import { RouterModule, Routes } from '@angular/router';
    import { GestionCompteService } from './gestion-compte.service';
    import { ConnexionComponent } from './connexion/connexion.component';
    import { InscriptionComponent } from './inscription/inscription.component';
    import { ProfilComponent } from './profil/profil.component';
    import { FormsModule } from '@angular/forms';
     
    const routesCompte:Routes=[
      {path:'connexion',component:ConnexionComponent},
      {path:'inscription',component:InscriptionComponent},
      {path:'mon-profil',component:ProfilComponent}
    ]
     
    @NgModule({
      declarations: [
        ConnexionComponent,
        InscriptionComponent,
        ProfilComponent
      ],
      imports: [
        CommonModule,
        FormsModule,
        RouterModule.forChild(routesCompte)
      ],
      providers:[GestionCompteService]
    })
    export class GestionCompteModule { }
    j'ai également réalisé un autre module "gestion-ludis.module" qui cette fois, a ses routes qui ne fonctionnent pas :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
     
    import { NgModule } from '@angular/core';
    import { CommonModule } from '@angular/common';
    import { RouterModule, Routes } from '@angular/router';
    import { GestionLudisService } from './gestion-ludis.service';
    import { ListeLudisComponent } from './liste-ludis/liste-ludis.component';
    import { LudiComponent } from './ludi/ludi.component';
     
    const routesLudis:Routes=[
      {path:'maison-de-:identite',component:ListeLudisComponent,children:[
        {path:':nomLudi',component:LudiComponent}
      ]},
     
    ]
     
    @NgModule({
      declarations: [
        ListeLudisComponent,
        LudiComponent
      ],
      imports: [
        CommonModule,
        RouterModule.forChild(routesLudis)
      ],
      providers:[GestionLudisService]
    })
    export class GestionLudisModule { }
    En clair , lorsque je remplace le parametre "identite" par "john" par exemple, cela me renvoi une page blanche avec pour erreur dans la console :

    "main.ts:6 ERROR Error: Uncaught (in promise): Error: NG04002: Cannot match any routes. URL Segment: 'maison-de-john'
    Error: NG04002: Cannot match any routes. URL Segment: 'maison-de-john' "

    voici pour finir mon app module :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
     
    import { NgModule } from '@angular/core';
    import { BrowserModule } from '@angular/platform-browser';
     
    import { AppRoutingModule } from './app-routing.module';
    import { AppComponent } from './app.component';
    import { GestionCompteModule } from './gestion-compte/gestion-compte.module';
    import { GestionLudisModule } from './gestion-ludis/gestion-ludis.module';
    import { CombatModule } from './combat/combat.module';
    import { AccueilComponent } from './accueil/accueil.component';
    import { HttpClientModule } from '@angular/common/http';
     
    @NgModule({
      declarations: [
        AppComponent,
        AccueilComponent
      ],
      imports: [
        BrowserModule,
        HttpClientModule,
        GestionCompteModule,
        GestionLudisModule,
        CombatModule,
        AppRoutingModule
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }
    Merci d'avance.

  2. #2
    Membre actif
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    89
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2007
    Messages : 89
    Par défaut
    pour tester enlève cette partie

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    ,children:[
        {path:':nomLudi',component:LudiComponent}
      ]

    regarde ça:
    https://stackblitz.com/edit/angular-...ting.module.ts

  3. #3
    Membre averti
    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2022
    Messages
    36
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Septembre 2022
    Messages : 36
    Par défaut
    Quand j'enlève cette partie la, j'ai toujours la même erreur, j'essaye toujours de remplacer le paramètre dans mon URL mais rien.

Discussions similaires

  1. Problème de route avec 2 cartes réseau-Dfault gateway
    Par zoltix dans le forum Administration
    Réponses: 5
    Dernier message: 05/12/2010, 12h50
  2. [1.x] Problème de routing en JS
    Par joris34 dans le forum Symfony
    Réponses: 3
    Dernier message: 16/07/2010, 10h48
  3. [CakePHP] Problème de routing ?
    Par Invité dans le forum Bibliothèques et frameworks
    Réponses: 1
    Dernier message: 17/12/2009, 19h40
  4. Mongrel : Problème de route
    Par DonKnacki dans le forum Ruby
    Réponses: 2
    Dernier message: 27/03/2009, 10h12
  5. Accès action impossible, problème de route?
    Par barnoufal dans le forum Ruby on Rails
    Réponses: 12
    Dernier message: 17/10/2008, 15h54

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo