Zatrzymaj kątowy ui-router od ponownego wczytania szablonu i kontrolera stanu, jeśli zmieniają się tylko parametry?

Question

mam stan zdefiniowany następująco:

.state("root.home.foo", { 
    url: "/foo/:id", 
    templateUrl: "/static/partials/home.foo.html", 
    controller: 'FooCtrl' 
}) 

Kiedy w takim stanie, że odpowiedzi na kliknięcie myszą, chcąc zmienić parametr ...

$state.go('root.home.foo', { id: newId }); 

Ale ja dostaję migotania jak to ponownie wczytuje szablon stanu i ponownie tworzy kontroler. Czy mogę to zrobić, aby kontroler nie był odtwarzany? Może reagować na zdarzenie $stateChangeSuccess i to wszystko, czego potrzebuję.

Aktualizacja

Po sugestii Jasona, próbowałem sub-stan. To działa.

.state("root.home.foo", { 
    abstract: true, 
    url: "/foo", 
    templateUrl: "/static/partials/home.foo.html", 
    controller: 'FooCtrl' 
}) 
.state("root.home.foo.itemSelected", {   
    url: "/:foo" 
}) 

Słuchanie przypadku $stateChangeSuccess ...

// In controller's constructor 
$scope.$on('$stateChangeSuccess', function (e, to, toParams, from, fromParams) { 
    if ($state.current.name == 'root.home.foo.itemSelected') {  
    handleSelection(toParams.id); 
    } 
}); 

Answer 1

Spróbuj ustawić reloadOnSearch: false w definicji trasy. Np .:

.state("root.home.foo", { 
    url: "/foo/:id", 
    templateUrl: "/static/partials/home.foo.html", 
    controller: 'FooCtrl', 
    reloadOnSearch: false 
})