2013-05-20 9 views
8

Ho il seguente layout di pagina:Come faccio a gestire diverse viste in angular.js

Diagram

  1. è il menu principale
  2. è il menu in alto
  3. è il contenuto [EDIT : Whoops sembra che ho perso qualche numerazione, la sezione 3 è la grande sezione centrale :)]

Mi piacerebbe avere e sezioni separate da gestire (gestite) da un modulo separato (che sembra logico), quindi come faccio se ho un solo ng-view che gestisce la visualizzazione di tutta la pagina. Come si lega un modulo ad una sezione ui separata?

Grazie in anticipo

+1

è possibile utilizzare l'attributo ng-controller in html. –

+0

ok, capisco, ma come posso utilizzare il routing, ogni sezione potrebbe avere ... Dire 5 stati, come è possibile che ogni controller estragga il suo parametro dalla rotta? – Lu4

+0

btw, posso utilizzare i controller in combinazione con ng-view, vale a dire avere un controller definito all'interno di ng-view? – Lu4

risposta

5

Questo è qualcosa che molte persone vogliono realizzare con il router angolare standard, ma non funziona bene senza tentativi di hacker. Ecco perché il team di Angular-UI sta lavorando su una soluzione più raffinata al problema degli stati annidati.

Acquista il ui-router module. Assicurati di leggere the docs attento e checkout the sample app in quanto potrebbe essere un po 'di confusione all'inizio.

7

Definire il menu principale e il menu principale come direttive e solo il contenuto principale come contenitore di visualizzazione ng. Una direttiva ha un modello e un controllore dedicati e aiuta a raggiungere la modularità del codice.

Problemi correlati