2015-12-23 12 views
6

Ho iniziato a fare alcune ricerche sull'uso di Angular2 e su una delle domande che avevo per le quali non trovo una soluzione. Ho il requisito che, a seconda dei dati che ricevo dal mio modello, desidero caricare diversi modelli per un determinato componente. Questo è principalmente legato al mantenimento di layout diversi a seconda dei dati che ricevo. È possibile?Angular2 che carica dinamicamente un modello

Grazie

risposta

2

angolare 2 favori componente approccio composizione alla costruzione dell'interfaccia utente. Per questo motivo non dovresti finire con enormi template e se è così è forse un'idea migliore dividerli in alcuni sub-componenti helper (anche se non forniscono altro che layout).

Nei casi in cui il modello non è molto grande, è possibile eseguire il rendering condizionalmente in base alle proprietà di alcuni componenti con la direttiva *ngIf.

Un altro modo per avvicinarsi a questo sarebbe quello di implementare percorsi su quel livello di componente e quindi programatically rotta verso questi percorsi dopo aver ricevuto i dati con router.navigate(['./MySubcomponent'])

0

Diciamo che c'è una componente principale dove si ottengono i dati. Sulla base dei dati, è possibile scegliere quale sottocomponente utilizzare. In ogni sottocomponente, è possibile definire il modello per i dati specifici.

Se i dati sono piccoli, è possibile passare dall'html usando * ngSwith o * ngIf nel modello del componente principale.

Problemi correlati