Piattaforma di nuova generazioneObsoleto

Creazione di un componente di instradamento

Un componente che ha una definizione di instradamento nel modulo di instradamento viene indicato come Pagina o Componente di instradamento. Questo è il componente che il router deve creare quando si passa a questo instradamento.

Procedura

Per creare un componente di instradamento, effettuare quanto segue:
  1. Eseguire il comando ng g c <component-name> --project=store-extensions
    Nota:
    • È obbligatorio passare l'argomento --project=store-extensions. In caso contrario, il componente verrà creato nella cartella src fornita dall'applicazione (<WORKSPACE>/store-frontend/src). I file creati qui vengono ignorati e non vengono rappresentati sul browser.

      Non inoltrare l'argomento --skip-import se si stanno creando il componente o i servizi per un nuovo modulo funzione.

    Eseguire il comando dall'interno del modulo in modo che il corrispondente file module.ts venga aggiornato con il nuovo componente.

  2. Aggiungere gli instradamenti nel file <module-name>.routing.module.ts
    • Routes identificare la vista da visualizzare quando un utente fa clic su un link.
    • Un percorso ha due proprietà:
      • path: una stringa che corrisponde all' URL nella barra degli indirizzi del browser.
      • component: il componente che il router deve creare quando si passa a questo instradamento.
    Ad esempio, se si desidera passare a http://localhost:4500/store/user/user-list, la definizione di instradamento per questo instradamento in user-routing.module.ts è la seguente:
    { 
    path: ‘user-list’,  
    component: UserListComponent
    }