Angulaire - route différente, même modèle / contrôleur, méthode de chargement différente

Je veux utiliser les routes, mais j'ai toujours envie d'utiliser le même modèle & controller. J'ai routes, comme ceci:

**a/:albumid**

et

**i/:imageid**

Dans le premier cas, je veux charger un tableau d'images et les ajouter à une liste. Dans le second cas, je veux charger une image unique et l'ajouter à une liste.

De sorte que la différence n'est que dans le chargement des données. Quel est le moyen le plus efficace pour ce faire?

Aussi est-il possible d'animer ng-show? Quelque chose comme du jQuery slideDown?

source d'informationauteur ewooycom

  1. 22

    Lisez cet article, il décrit une manière de faire exactement ce que vous voulez:

    http://www.bennadel.com/blog/2420-Mapping-AngularJS-Routes-Onto-URL-Parameters-And-Client-Side-Events.htm

    J'ai utilisé la technique, cela fonctionne bien.

    En un mot, quelque chose comme cela pour le routage:

    $routeProvider
    .when("/a/:album_id", {
        action: "album.list"
    }).when("/i/:imgid", {
        action: "images.load"
    })

    Puis dans votre contrôleur, vous pouvez accéder à $route.current.action et de faire la bonne chose. L'astuce consiste à créer une fonction de contrôleur de vous qui fait tout le travail (l'article appelle render()) et ensuite appeler cette fonction lorsque $routeChangeSuccess feux: 

    $scope.$on(
   "$routeChangeSuccess",
   function( $currentRoute, $previousRoute ){
        //Update the rendering.
        render();
    }
);
  2. 0

    J'ai créé un super directive simple à gérer ce qui permet d'itinéraires à avoir plus comme des Rails ou Codeigniter les routes où la méthode de contrôleur est dans la définition de la route. Le nom de la méthode est définie dans la routeProvider.lorsque les options et la directive est définie dans le modèle pour la route.
    Voir: https://stackoverflow.com/a/22714634/250991