Boîte de dialogue modale à l'aide de l'interface utilisateur du routeur à partir de n'importe quel parent, comment spécifier correctement l'état?

Je suis en train d'ouvrir une boîte de dialogue modale à l'aide Angulaire de l'interface utilisateur du routeur comme expliqué ici.

L'objectif est pour le dialogue, pour être accessible de partout, une url n'est pas forcément nécessaire, mais il serait bien si je pouvais lien vers une page avec la boîte de dialogue ouvrir.

Ici est cassé exemple:

http://plnkr.co/edit/BLkYME98e3ciK9PQjTh5?p=preview

cliquant sur le bouton "menu" devrait ouvrir la boîte de dialogue à partir d'un page.

La logique de routage:

app.config(function($stateProvider,$locationProvider, $urlRouterProvider, modalStateProvider) {
  $urlRouterProvider.otherwise("/");
  $locationProvider.html5Mode(true);

  $stateProvider
    .state("app", {
      url: "",
      abstarct: true,
      views: {
        "" : {
          templateUrl: "main.html",
        },
        "header@app": {
          templateUrl: "header.html"
        },
        "footer@app":{
          templateUrl: "footer.html"
        }
      }
    })

    .state("app.home", {
      url: "/",
      templateUrl: "home.html",
    })
    .state("app.content", {
      url: "/content",
      templateUrl: "content1.html",
    });


  modalStateProvider.state("app.home.menu", {
    template: "I am a Dialog!",
    controller: function ($scope) {
      $scope.dismiss = function () {
        $scope.$dismiss();
      };
    }
  });
});

Il ne devrait pas être un enfant de la "app.accueil" puisque je veux qu'il soit accessible de n'importe où. Comment puis-je y parvenir?

OriginalL'auteur fusio | 2014-10-06