Comment définir la classe, sur la base actuelle nom de l'itinéraire/contrôleur

Essayez de définir une classe basée sur mon régulateur de courant ou de l'itinéraire actuel (URL Segment 1).

quelque chose comme

<body class="{{controllerName}}">

De cette façon, dans le cas où j'ai besoin de cibler des pages distinctes pour CSS spécificité, il le rend facile.

InformationsquelleAutor Christopher Marshall | 2013-01-08
  1. 33

    Ma solution serait: abonnez-vous à des changements d'itinéraire de la route de la portée et de mettre le nom du contrôleur de là:

    app.run(function($rootScope) {
   $rootScope.$on('$routeChangeSuccess', function(ev,data) {   
     if (data.$route && data.$route.controller)
       $rootScope.controller = data.$route.controller;
   })
});

    Vérifier Plunker solution

    • Merci! Fait quelques légères modifications selon les données.$l'itinéraire.le contrôleur a été change en fonction de certaines onglet contrôleurs que j'avais lancé. Seulement besoin d'un contrôleur de parent.
    • c'est les données.$$l'itinéraire.contrôleur en 1.0.7
    • Notez que les propriétés commençant par $$ prefix sont considérés comme privés et sont ouverts ou modifiés à votre propre risc (étant donné qu'ils peuvent changer entre les versions de AngularJS).
    • Aucune idée de pourquoi de données.$la route serait pas défini? Valentyn, j'ai mis ton code dans mon principal Angulaire de fichier, où routeProvider est également configuré. routeChangeSuccess est la mise à feu.
    • si vous utilisez l'interface utilisateur du routeur, je pense qu'il devrait être données.$$route au lieu de données.$route je suppose
    • Se pourrait-il que cette réponse est-elle dépassée? Cet événement ne semble pas le feu...
    • encore ici: docs.angularjs.org/api/ngRoute/service/...

    InformationsquelleAutor Valentyn Shybanov
  2. 5

    Vous pouvez utiliser le $route service, il a current propriété qui vous donnera contrôleur actuel.

    • Ce n'est pas disponible dans .run() .
    • Pourriez-vous veuillez donner des exemple de travail? Je ne peux pas accéder $route.courant de mon contrôleur 🙁
    InformationsquelleAutor pavelgj
  3. 3

    Encore plus simple. Il y a un controller propriété directement sur le data argument.

    $rootScope.$on("$routeChangeSuccess", function(e, data) {
    $rootScope.controller = data.controller;
});

    Du mieux que je peux dire, le data argument est le même objet que $route.current. Le controller propriété est dans le prototype de cet objet.

    InformationsquelleAutor ivanreese
  4. 2

    Pour la version 1.3 de Anguleuses, vous pouvez utiliser ce bout de code : 

    $rootScope.$on('$routeChangeSuccess', function (ev, data) {
    if (data.$$route && data.$$route.controller)
        $rootScope.controller = data.$$route.controller;
});
    • À l'aide de $$ propriétés ne sont pas recommandés, car ils sont internes à Anguleuses, ne fait pas partie de l'API publique, et sont susceptibles d'être modifiés ou coupés en futures mises à jour. À partir de la documentation (docs.angularjs.org/tutorial/step_05#-prefix-naming-convention): "Si vous inspectez un Champ, vous pouvez également remarquer quelques propriétés qui commencent par $$. Ces propriétés sont considérées comme privées, et ne doit pas être consulté ou modifié."
    • Merci pour ton commentaire 🙂
    InformationsquelleAutor Kénium