AngularJS $ state.go가 컨트롤러 사이의 데이터를 잃어서 템플릿에 표시되지 않습니다.

Question

간단히 말해서 내 API에서 정보를 얻고 있으며 응답이 좋습니다. 내가보기에 vm.thisDoctor에 접근하고 이제

vm.getDoctor = function(id) { 
     $http.get(CONSTANTS.LINK+'/doctors/'+id).success(function(response) { 
      vm.thisDoctor = { 
       name : response.first_name + ' ' + response.last_name, 
       address : response.clinical_address, 
      }; 
      console.log(vm.thisDoctor.address); 
      $state.go('tabs.doctor'); 
     }); 
    } 

console.log(response) 의지 출력,

Object {id: 1, username: "testmd", first_name: "Juan", 
      last_name: "Dela Cruz", type: "Pediatrician"…} 

컨트롤러 의사 - this.html 여기 내 app.js

의

<a class="item item-thumbnail-left"> 
     <img src="cover.jpg"> 
     <h2>{{ appt.thisDoctor.name }}</h2> 
     <p>{{appt.thisDoctor.address}}</p> 
    </a> 

.state('tabs.doctor', { 
     url: '/doctor/{doctorId}', 
     views: { 
      'tab-appts': { 
      templateUrl: 'templates/appts/doctors-this.html', 
      controller: 'ApptsCtrl as appt' 
      } 
     } 
    }) 

code이 잘못 되었습니까? 나는 지금 몇 시간 동안이 일을 해왔다.

Answer 1

서버에서 응답을 얻은 후 $state.go으로보기를 변경하면 데이터가 손실됩니다. 대신 객체를 상태에 전달하고 아래의 컨트롤러 범위에 다시 할당 할 수 있습니다.

JS1

vm.getDoctor = function(id) { 
     $http.get(CONSTANTS.LINK+'/doctors/'+id).success(function(response) { 
      vm.thisDoctor = { 
       name : response.first_name + ' ' + response.last_name, 
       address : response.clinical_address, 
      }; 
      console.log(vm.thisDoctor.address); 
      $state.go('tabs.doctor', { 
       args: { 
        data: vm.thisDoctor 
       } 
      }); 
     }); 
    } 

JS2

.state('tabs.doctor', { 
     url: '/doctor/{doctorId}', 
     views: { 
      'tab-appts': { 
      templateUrl: 'templates/appts/doctors-this.html', 
      controller: 'ApptsCtrl as appt' 
      } 
     }, 
     params: { args: {} } // Need to add this 
    }) 

ApptsCtrl ($stateParams 주입)은`vm.getDoctor` 어디에

vm.thisDoctor = ($stateParams.args || {}).data;