ui-router 및 각도 j를 사용하여 메뉴 구조 변경

Question

탐색 메뉴에 메뉴 옵션 중 하나에서 선택된 정보가 포함 된 메뉴 구조를 만들려고합니다.

See the plunkr.

나는

처음에는 환영 상태가로드를 수행하려고 무엇. 이 상태에서 사용자가 이전에 사이트에 있었고 이미 쿠키 또는 로컬 저장소에 저장된 도시를 선택했는지 확인하기위한 검사가 수행됩니다. 코드를 삭제 했으므로 아무 것도 추가하지 않습니다. 이제 값이 이미 설정되어 있는지 여부를 확인합니다 (처음에는 값이 설정되지 않음). 그런 다음 도시 선택으로 리디렉션됩니다. 사용자가 도시를 클릭하면 탐색 모음이 "곧"에서 "곧 < (선택한 도시)로 업데이트되어야합니다. > 내용이 선택된 도시를 표시하지만 탐색 표시 줄은 나타나지 않으며 디버깅 할 때 탐색 표시 줄 컨트롤러에 다시 호출되지 않습니다, 그래서 아마도 내 오류가 어디에, 나는보기의 중첩을 올바르게 설정하지 않은, 아직 나는 내가 놓친 것을 볼 수 없습니다. 누군가가 날 위해이 빛을 비추 수 있습니까?

감사 로널드

곧 섹션에서이 서비스에서 선택한 도시를 검색하는 방법이 $scope에 도시를 assignin의 시점에서 잘못 때문에 업데이트되지 않습니다

Answer 1

, 아무것도 선택되어 있지 않은, C 로 start.nav 줄 컨트롤러 hange :

controller: ["$scope", "CityService", function ($scope, CityService) { 
          $scope.$watch(CityService.getCity,function(v){ 
           $scope.data = {city : v} 
      },true); 

을하며, see fork을 작동합니다.

편집 : 다시 실행 볼 기대 컨트롤러

? start.nav? 그 앱이 실제로 앱을 실행하지 않아 다시 호출되지 않으면 앱 실행 후 상태는 모두 start.nav입니다. 해당 코드 줄은 한 번만 실행되기 때문에 선택한 도시를 검색하는 방법은 잘못되었습니다. 그 시점에서 서비스에 city에 아무 것도 할당되지 않습니다.