ui-sref avec plusieurs paramètres de la vue enfant ne fonctionne pas

Je suis en utilisant Angulaire de l'interface utilisateur du routeur sur mon application à essayer et itinéraire vers de l'enfant vues sur un écran principal. À la fois le principal et les enfants ont leurs propres Id correspondante. Actuellement je peux naviguer à la société mère, mais mon lien à l'enfant n'est pas de travail.

Dans mon Application.js

$stateProvider

//Working Route
.state('Project', {
    url: '/Project/{projectId}',
    views: {
        "ContentMain" : { 
            templateUrl: "/Scripts/Dashboard/templates/MainContent/ProjectMainContent.html", 
            controller: function ($stateParams) {
                console.log("Project state hit!"); 
            }
         },
        ...
    }
})

//Non-Working Route
.state('Project.ViewResource', {
    url: '/Resource/:resourceId',
    parent: 'Project',
    views: {
        "ContentMain" : { 
            templateUrl: "/Scripts/Dashboard/templates/MainContent/ProjectResourceViewContent.html" 
            controller: function ($stateParams) {
                console.log("Project.ViewResource state hit!"); 
            }
        },
        ...
    }
});

Dans mon code HTML: 

<!-- Working Link-->
<a ui-sref="Project({ projectId: 5 })"><h3>   My Projects </h3></a>

<!-- Non-working Links -->
<a ui-sref="Project.ViewResource({ projectId: 5, resourceId: 3 })">View Project Resource. </a>
<a ui-sref="Project.ViewResource({ resourceId: 3})">I'm a Resource Image. </a>

Le premier lien fonctionne, mais quand je clique sur les "non-travail" de l'enfant liens de mes mises à jour du navigateur pour: "Home/Index/#/Projet/5/Ressources/3", qui est l'itinéraire désiré, cependant le contenu de la page

Une idée d'où je vais mal?

Edit1: Pour ajouter les lignes de code dans les "vues" de l'objet qui doit être remplacer.

Edit2: Pour démontrer le problème, j'ai ajouté le contrôleur des blocs de code. Lorsque j'ai pris le premier lien html, ma console sorties "de l'état du Projet a frappé!" Lorsque je clique sur l'une des non-relations de travail, il n'y a pas de nouvelles de la sortie de la console. C'est à dire, la route n'est pas susceptible d'être touché.

Puis-je voir le balisage de la mère et de l'enfant opinions s'il vous plaît?
J'ai ajouté le point de vue, je suis en train de modifier le code. Cependant, je ne vais pas ajouter le contenu de l'enfant vues parce que a) l'encombrement et b) le problème n'est pas là. L'interface utilisateur du Routeur n'est pas de frapper la route que j'ai précisé.
Vous dites dans votre post que l'URL est correcte est atteinte. When I click the link my browser updates to: "Home/Index/#/Project/5/Resource/3" which is the desired behavior, however the page is remaining on my Project route. Qui pourrait très bien être un problème avec le placement de la société mère ui-view.
La vue parent ont un ui-view sur elle?
Oui. Je suis à l'aide de 4 séparer les points de vue de chaque etat, et ce ne sont que 2 sur les 5 membres qui sont actuellement à l'aide de ces ui-vues. 4 des états (y compris le "Projet") sont en phase de transition sans problème. Le 5e état, mon seul enfant, n'est pas d'être touché.

OriginalL'auteur Logan Black | 2014-03-14

  1. 8

    Compris ce qui se passait. Après regardons de plus près le document sur plusieurs vues nommées ici, j'ai réalisé que ma vue enfant était à la recherche de l'interface utilisateur-affichage des balises dans les parent modèle, plutôt que de la racine modèle. Essentiellement, mon enfant a été d'essayer de nid au sein de ma mère, alors que mon comportement souhaité est de remplacer le parent vues.

    Donc, à la cible de l'interface utilisateur de vues au sein de la racine, ma solution ressemblait: 

    .state('Project.Resource', {
    url: '/Resource/{resourceId}',
    parent: 'Project',
    views: {
        "MainControls@":   { templateUrl: "/Scripts/Dashboard/templates/MainControls/MainControls.html" },
        "ContentMain@": {
            ...
         },
         ...
     }
})

    OriginalL'auteur Logan Black