Avec angular.js utilisant ui-router, comment recharger une seule vue?

J'ai une application tout simple utilisant angular.js pour laquelle j'utilise la bibliothèque ui-router. J'ai regardé à travers l'exemple ui-router sur github ( https://github.com/angular-ui/ui-router/tree/master/sample ), mais j'ai été incapable de comprendre ce que je fais mal. Dans mon application, j'ai une vue de navigation de la barre latérale (avec la liste des choses à faire) et une vue de contenu (qui affiche les détails du produit tout en cliquant). Le problème que j'ai est que lorsque je navigue dans / todo / exampleItem, les mises à jour de la vue du contenu et le panneau de navigation sont également rechargés. Cela n'affecte pas la fonctionnalité de l'application, mais j'aimerais éviter que le panneau de navigation clignote chaque fois que vous cliquez sur un élément.

Voici mon code pour gérer les changements d'état:

app.config(function ($stateProvider) { $stateProvider .state('todo', { url: "/todo", views: { "navPanel": { templateUrl: "./navPanel.html", controller: 'PanelController' } } }) .state('todo/:item', { url: "/todo/:item", views: { "PanelView": { templateUrl: "./navPanel.html", controller: 'PanelController' }, "ContentView": { templateUrl: "./content.html", controller: 'ContentController' } } }) }); 

Dans mon index.html, mes vues sont configurées comme suit:

  <div class="column" data-ui-view="PanelView"></div> <div class="column" data-ui-view="ContentView"></div> 

Existe-t-il un moyen pour empêcher que la vue navPanel ne soit rechargée chaque fois qu'un nouvel élément est cliqué?

• Compilation de contenu dynamique – AngularJS
• Angularjs – fonction ng-click vs directive
• Comment configurer dynamiquement la taille en fonction de l'élément?
• Comment afficher la valeur différente de l'élément de saisie avec le modèle ng?
• Écoutez les événements de fenêtre dans un service Angularjs

• AngularJS présente le templateUrl actuel (page html)
• Comment obtenir la valeur d'attribut d'une balise personnalisée dans angularjs?
• AngularJS Controller attendre la réponse (ou définir le rappel)
• Angularjs: Obtenez un élément dans le contrôleur
• Poste les données de forme angulaire sur Node.js avec Sendgrid / Nodemailer

 app.config(['$stateProvider', function ($stateProvider) { $stateProvider .state('todo', { abstract: true, views: { "navPanel": { templateUrl: "./navPanel.html", controller: 'PanelController' } } }) .state('todo/:item', { url: "/todo/:item", views: { "ContentView@": { templateUrl: "./content.html", controller: 'ContentController' } } }) }]);