이 유스 케이스의 각도 ui-router 설정?

Question

국가/5에서 국가/7로 이동할 때 선형 차트에서 선을 다시로드하지 않고 (템플릿이나 컨트롤러가 아님) 완전히 다시 그려야합니다. 이것이 ui-router로 할 수 있습니까?

주 지시문

country/:id 

템플릿 - country.html

<lineChart data="scope.someData"> 

오늘로서 컨트롤러

onStateParamsChange => fetch data, set scope.someData 

Answer 1

, 당신은 무엇을 찾고 있는지에 대한 공식적인 지원이 없다 UI 라우터의 용어는 '동적 매개 변수'로 간주됩니다. 그러나 this experimental branch을 확인하고 피드백을 테스트하고 제공함으로써 도움을 주면 더 빨리 마스터에 병합됩니다.

은과 같이 경로/상태를 설정합니다

$stateProvider.state("country", { 
    url: "/country/{id:int}", 
    params: { id: { dynamic: true } } 
    /* other state configuration here */ 
}); 

그런 다음 컨트롤러에서, 당신과 같이 id에 변화를 관찰 할 수 있습니다

$stateParams.$observe("id", function(val) { 
    // val is the updated value of $stateParams.id 
    // Here's where you can do your logic to fetch new data & update $scope 
});