2014-02-15 2 views
1

와 요소의 배열을 받기 나는이 Ajax와 Ember.js이이 탐Ember.js

{{#each}} 
<li> 
    {{#link-to 'project' this}} 
     {{title}} 
    {{/link-to}} 
</li> 
{{/each}} 

내가 오류가

$.ajax({ 
    url: '../data', 
    type: 'GET', 
    cache: false, 
    dataType: 'json', 
    data: ({ 
     func: "getAllLists" 
    }), 
    success: function(data) { 
     console.log('DEBUG: GET Data OK'); 
     var list = [ 
      { 
       uid: data[0].uid 
      } 
     ]; 
     App.ListRoute = Ember.Route.extend({ 
      model: function() { 
       return list; 
      } 
     }); 
    }, 
    error: function() { 
     console.log('DEBUG: GET Data Failed'); 
    } 
}); 

전화있다. 뭐가 잘못 됐니? 주위

답변

1

당신은 App.ListRoute 내부에 $.ajax() 전화를 할 필요가 아닌 다른 방법 :

App.ListRoute = Ember.Route.extend({ 
    model: function() { 
     list = $.ajax({ 
      url: '../data', 
      type: 'GET', 
      cache: false, 
      dataType: 'json', 
      data: ({ 
       func: "getAllLists" 
      }), 
     }).then(function(data) { 
      console.log('DEBUG: GET Data OK'); 
      var list = [{ 
       uid: data[0].uid 
      }]; 
     },); 
     return list; 
    } 
}); 

AJAX 호출이 완료 될 때까지이 then() 대기하므로 엠버은 (경로를 입력하지 않습니다 해결하려면 http://emberjs.com/guides/routing/asynchronous-routing/