Nascondere la vista dello stato padre dalla visualizzazione stato figlio in angularjs, best practice?

Question

'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.

Answer 1

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.

Answer 2

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'/>" 
     }, 
     "child@parent.child": { 
     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 ("").

http://plnkr.co/edit/iff63xbNWCbK9MEPMb4f?p=preview

Answer 3

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.