Fenêtre modale avec une URL personnalisée dans AngularJS

J'ai besoin d'afficher une fenêtre modale (fondamentalement juste un div caché qui sera chargé d'un modèle compilé) dans mon Angulaire de l'app. Le problème c'est que j'ai besoin de l'URL de changer lorsque la modale s'ouvre de sorte que les utilisateurs peuvent copier le lien et aller directement à la fenêtre modale et également utiliser la touche retour pour fermer la modale de la fenêtre et revenir à la page précédente. Ceci est similaire à la façon Pinterest poignées de fenêtres modales lorsque vous cliquez sur un pin.

Jusqu'à présent, j'ai créé une directive qui charge le modèle, compile en utilisant $compiler, injecte de l' $champ d'application et affiche ensuite le modèle compilé. Cela fonctionne très bien.

Le problème est que dès que j'utilise $emplacement pour modifier le chemin d'accès, la route contrôleur de feux et charge le modèle en ng-view.

J'ai pensé à 2 façons de s'en sortir, mais n'ont pas été en mesure de mettre en œuvre, soit:

  1. En quelque sorte à prévenir la route contrôleur de cuisson lorsque je change l'url à l'aide de $emplacement. J'ai ajouté un auditeur de $routeChangeStart pour empêcher le défaut de se produire, mais qui ne semble pas fonctionner.

  2. En quelque sorte ajouter un autre point de vue de gestionnaire de la page (en gros 2 nommé ng-voir les directives sur la page) et ont chacun capable de gérer différents itinéraires. Ne peut pas voir ce Angulaire prend en charge ce en ce moment.

L'URL doit être du format /item/item_id et ne pas /point?item_id=12345.

Toute aide serait appréciée.