'aggiornamento-approvato-prodotto-campagna-annuncio' questo è lo stato figlio di 'prodotto-campagna.prodotto-campagna-dettaglio' quando chiamo stato figlio attraverso ui-sref vista stato genitore viene richiamato con vista stato figlio che non voglio Voglio solo la vista sullo stato del bambino.Nascondere la vista dello stato padre dalla visualizzazione stato figlio in angularjs, best practice?
risposta
Per quanto ne so non è possibile caricare solo la vista figlio. Ogni volta che viene caricata la vista di un bambino, la vista dei suoi genitori viene caricata anch'essa insieme ad essa.
Questo può essere fatto utilizzando il targeting per vista.
Supponiamo di avere una vista ui senza nome per il genitore nella radice. Quando il bambino è attivato, può assumere la vista senza nome del genitore usando viste mirate. Il punto di vista del bambino può mettere il proprio contenuto direttamente nella vista del genitore:
var app = angular.module("plunker", ['ui.router'])
app.config(function($stateProvider) {
$stateProvider.state('parent', {
url: "",
template: "<a ui-sref='.child'>Go to child</a><h1>Parent</h1>"
}).state('parent.child', {
url: '/child',
views: {
"@": {
template: "<a ui-sref='^'>Back to parent</a><h1>child</h1>"
}
}
})
})
o potrebbe sostituire la vista padre con un modello che appena ha un nidificato ui-vista, che a sua volta si rivolge
var app = angular.module("plunker", ['ui.router'])
app.config(function($stateProvider) {
$stateProvider.state('parent', {
url: "",
template: "<a ui-sref='.child'>Go to child</a><h1>Parent</h1>"
}).state('parent.child', {
url: '/child',
views: {
"@": {
template: "<small>parent ui-view overridden by parent.child</small> <div ui-view='child'/>"
},
"[email protected]": {
template: "<a ui-sref='^'>Back to parent</a><h1>child</h1>"
}
}
})
})
Le viste con nome mirato sono "nomevista @ statename". La vista denominata "@" indica come target la vista denominata stringa vuota ("") in (@) stato root ("").
Questa deve essere contrassegnata come risposta. Grazie per il tuo commento! –
Ho risolto questo problema avvolgendo la vista genitore con <div ui-view="">
Questo sovrascriverà la ui-view
con il bambino quando si naviga ad uno stato infantile, altrimenti conterrà vista dello stato di brevetto.
Questo è il modo corretto. Bello e semplice, fornisce una vista predefinita che viene sostituita dallo stato successivo. La risposta migliore è ottima ma per situazioni più complicate. – Wtower
Questa è una soluzione così semplice ed elegante - dove non dovrebbe funzionare? – npr
Spero che questo sia stato spiegato in modo più approfondito nella documentazione del router UI, perché la nidificazione non significa necessariamente avere componenti e sottocomponenti nel DOM tutto in una volta. –
- 1. Android: propagazione dello stato genitore in visualizzazione figlio
- 2. Nascondere/Mostrare la barra di stato
- 3. backbone, accedi alla vista genitore dalla visualizzazione figlio?
- 4. Passaggio dello stato come oggetti di scena da padre a figlio in React-Router?
- 5. reindirizzare stato in angularjs
- 6. Sostituisci visualizzazione padre da percorso figlio
- 7. Manipolazione del DOM in angularJS: best practice?
- 8. Manutenzione dello stato di vista di un ripetitore
- 9. APACHE Blocco: padre: processo figlio terminato con stato 3221225477 - Riavvio
- 10. AngularJS best practice - Modelli vs Javascript
- 11. C++ Polymorphism: dalla classe padre al figlio
- 12. Visualizzazione rapida Best practice avvisi avvisi
- 13. Invio rapido di dati dalla visualizzazione figlio al controller di visualizzazione padre
- 14. AngularJS: creazione di troppi controller, best practice?
- 15. funzioni del regolatore AngularJS best practice
- 16. Best Practice per la visualizzazione di una cartella di caricamento?
- 17. La vista Android disattiva il mantenimento implicito dello stato per alcune viste
- 18. Best practice di RestAngular
- 19. Aggiungere una vista del controller di visualizzazione figlio a una sottoview del controllore della vista padre
- 20. Viste di conservazione dello stato e contenitore di iOS
- 21. Come nascondere la barra di stato?
- 22. Best practice per la visualizzazione dei messaggi di errore
- 23. UISegmentedControl Best Practice
- 24. Restituisce classe figlio dalla classe padre
- 25. Best practice con modelli di visualizzazione ASP.NET MVC
- 26. Ricarica finestra padre dalla finestra figlio
- 27. Come passare eventi a una vista padre, passando la vista figlio che ha attivato l'evento?
- 28. Cambiamento dello stato di visualizzazione del pulsante su clic
- 29. sbagliato Classe stato - in attesa di un'eccezione stato di visualizzazione in Android 1.5 con visualizzazione personalizzata
- 30. Perché le funzioni di risoluzione dello stato figlio vengono eseguite prima che vengano risolte le promesse dello stato genitore
Devo nascondere la vista genitore dalla vista figlio –