신기루에서 데이터를 변경 한 후 ember 새로 고침/새로 고침 모델

Question

조치로 모달을 추가하거나 편집하는 등의 변경을 한 후에 모델을 다시 새로 고침/다시로드해야합니다. 나는이 같은 많은 주제를 보았으나, 더 이상 사용되지 않거나 제 경우에는 작동하지 않습니다.

이 "listing.js"라는 내 component.js-파일입니다

이

import Component from '@ember/component'; 

export default Component.extend({ 
    actions: { 
     togglePower: function(a){ 
      console.log(a); 
      var data = new Array(); 
      data.push(a); 
      $.ajax({ 
       cache:false, 
       type: 'POST', 
       url: "/api/device", 
       data: JSON.stringify(data), 
       contentType: "application/json" 
       }) 

       this.get('users.single.households.single.rooms.single.devices.single').send('refresh'); 
     } 
     } 
}); 

미라지 내 데이터를 수신하고 함께 작업 할 수 있습니다. 하지만 지금은 내 변경 사항을 보려면 페이지를 새로 고침해야합니다. 그래서 목록의 마지막 줄을 추가하려고했습니다 .js는

this.get('users.single.households.single.rooms.single.devices.single').send('refresh'); 

그러나 이것은 나에게 도움이되지 않습니다.

TypeError: this.get(...) is undefined

이 내 경로입니다 :

 model(){ 
...}, 
     actions: { 
      refresh: function() { 
       this.refresh(); 
       } 
      } 

>  } 

Answer 1

새로 고침을 호출하기 위해, 당신은 폐쇄 조치를 사용해야 콘솔과 함께 제공됩니다. 구성 요소 파일의 아약스 이후에해야 할 일

this.get('on-refresh')(); 

'on-refresh'는 구성 요소로 전달되는 함수입니다. 이 경우 새로 고침 동작입니다.

{{listing on-refresh=(route-action "refresh")}} 

route-action 당신이 컨트롤러를 거치지 않고 템플릿에서 직접 경로 작업을 호출 할 수 있습니다이 부가 기능에 https://github.com/DockYard/ember-route-action-helper에서 온다.

그래서 여기서 한 것은 새로 고침 기능을 구성 요소에 전달한 다음 필요한 경우 구성 요소가이를 호출하는 것입니다.