Provare a impostare una classe in base al controller corrente o alla rotta corrente (Segmento URL 1).Come impostare la classe in base al nome del percorso/controller corrente
qualcosa come
<body class="{{controllerName}}">
In questo modo nel caso in cui ho bisogno di indirizzare pagine separate per la specificità CSS, lo rende facile.
mia soluzione sarebbe: iscriviti a cambiamenti di rotta a perimetro percorso e mettere il nome del controller c'è:
app.run(function($rootScope) {
$rootScope.$on('$routeChangeSuccess', function(ev,data) {
if (data.$route && data.$route.controller)
$rootScope.controller = data.$route.controller;
})
});
check Plunker solution
Per la versione 1.3 di angolare, è possibile utilizzare questo pezzo di codice:
$rootScope.$on('$routeChangeSuccess', function (ev, data) {
if (data.$$route && data.$$route.controller)
$rootScope.controller = data.$$route.controller;
});
L'utilizzo di $$ properties non è raccomandato, così come sono interno ad Angular, non fa parte dell'API pubblica e probabilmente verrà modificato o interrotto in futuri aggiornamenti. Dalla documentazione (https://docs.angularjs.org/tutorial/step_05#-prefix-naming-convention): "Se si ispeziona un ambito, è possibile notare alcune proprietà che iniziano con $$. considerato privato e non dovrebbe essere consultato o modificato. " – ivanreese
Grazie per il tuo commento :) –
Ancora più semplice. C'è una proprietà direttamente sull'argomento data.
$rootScope.$on("$routeChangeSuccess", function(e, data) {
$rootScope.controller = data.controller;
});
come meglio posso dire, l'argomento data è lo stesso oggetto come $route.current. La proprietà controller è nel prototipo per quell'oggetto.
Grazie! Ho apportato alcune lievi modifiche come dati. $ Route.controller stava cambiando in base ad alcuni controller di tabulazione che avevo avviato. Ho solo bisogno del controller genitore –
di dati. route.controller in 1.0.7 – vortex
Si noti che le proprietà che iniziano con [$$ prefisso sono considerate private] (http://docs.angularjs.org/tutorial/step_05) e sono accessibili o modificati a proprio risc (poiché potrebbero cambiare tra le versioni di AngularJS) – Strille