Der Versuch, eine Klasse basierend auf meinem aktuellen Controller oder der aktuellen Route (URL-Segment 1) festzulegen.So legen Sie die Klasse basierend auf dem aktuellen Routennamen/Controller fest
so etwas wie
<body class="{{controllerName}}">
Auf diese Weise, falls ich separate Seiten für CSS Spezifität an Ziel muß, macht es einfach.
Meine Lösung wäre: subscribe auf Route Umfang zu Routenänderungen und dort Namen des Controllers setzen:
app.run(function($rootScope) {
$rootScope.$on('$routeChangeSuccess', function(ev,data) {
if (data.$route && data.$route.controller)
$rootScope.controller = data.$route.controller;
})
});
prüfen Plunker solution
Für die Version 1.3 von Angular, können Sie dieses Stück verwenden code:
$rootScope.$on('$routeChangeSuccess', function (ev, data) {
if (data.$$route && data.$$route.controller)
$rootScope.controller = data.$$route.controller;
});
Die Verwendung von $$ Eigenschaften wird nicht empfohlen, so wie sie sind Angular intern, nicht Teil der öffentlichen API, und wird wahrscheinlich in zukünftigen Updates geändert oder gebrochen. Aus der Dokumentation (https://docs.angularjs.org/tutorial/step_05#-prefix-naming-convention): "Wenn Sie einen Bereich untersuchen, können Sie auch einige Eigenschaften bemerken, die mit $$ beginnen. Diese Eigenschaften sind als privat betrachtet und sollte nicht zugänglich oder modifiziert werden. " – ivanreese
Vielen Dank für Ihren Kommentar :) –
Noch einfacher. Es gibt eine controller Eigenschaft direkt auf dem data Argument.
$rootScope.$on("$routeChangeSuccess", function(e, data) {
$rootScope.controller = data.controller;
});
so gut wie ich sagen kann, das data Argument ist das gleiche Objekt wie $route.current. Die controller-Eigenschaft befindet sich im Prototyp für dieses Objekt.
Danke! Einige leichte Änderungen als Daten. $ Route.controller wurde basierend auf einigen Tab-Controllern geändert, die ich initiiert hatte. Benötigen Sie nur den übergeordneten Controller. –
es ist Daten. $$ route.controller in 1.0.7 – vortex
Beachten Sie, dass Eigenschaften, die mit dem Präfix $$ beginnen, als privat betrachtet werden (http://docs.angularjs.org/tutorial/step_05) und auf Ihr eigenes Risiko zugegriffen wird oder geändert wird (da sich diese ändern können) zwischen den Versionen von AngularJS) – Strille