ArrayController없이 hasMany 관계 정렬

Question

의존 할 배열 컨트롤러가 없을 때 정렬을 수행하는 "엠버 방식"을 파악하려고합니다. 덕분에 두목에 - http://emberjs.jsbin.com/mused/2/edit?html,js

FIX : 나는 (내 프로젝트에서 작동하지만)는 jsbin 작업을 얻을 수 없습니다 불구하고

나는, 를 상황을 설명하기 위해 jsbin을 생성 이 jsbin가 작동 : http://emberjs.jsbin.com/quyawitu/5/edit

을 기본적으로 두 개의 모델을 가지고 말 : "집"과 "창"

하우스 hasMany의 창을. 창은 집에 속합니다. 난 그냥 창문에 연결에 연결에 관심이없는 나는이 템플릿에서

<script type="text/x-handlebars" data-template-name="index"> 
    <ul> 
    {{#each house in model}} 
     <li> 
     <div class="name"> 
      House name: {{house.name}} 
     </div> 
     <div> 
      First Window: {{house.firstWindow}} 
     </div> 
     </li> 
    {{/each}} 
    </ul> 
</script> 

- 대신, 내가 첫 번째 창을 찾고 있어요 :

은 이제 다음과 같습니다 템플릿에있는 말 (특히, 첫 번째 창은 createdAt에 의해 정렬 됨).

this question에 대한 대답을 사용하여 Sortable mixin과 함께 ArrayProxy를 사용하여이 참조를 얻기 위해 집 모델에서 계산 된 속성을 만들었습니다. 이 작업을 수행하는 데 더욱 관용적 인 "Ember way"가 있는지 궁금합니다.

Answer 1

업그레이드 엠버하고 고정 어댑터로 전환 한 이후, 당신의 특별한 경우

sortBy 내장 사용, 해당 항목은 비동기, 그래서 나는 그것이 작동하도록 것들 몇 가지를 변경했다 당신의 jsbin에서

firstWindow: function(){ 
    return this.get('windowsByCreatedAt.firstObject'); 
    }.property('windowsByCreatedAt.firstObject'), 

    windowsByCreatedAt: function() { 
    var arr = []; 
    this.get('windows').then(function(windows){ 
     arr.pushObjects(windows.sortBy('createdAt')); 
    }); 
    return arr; 
    }.property('windows.@each.createdAt') 
}); 

http://emberjs.jsbin.com/quyawitu/3/edit

또는 당신은 많은 청소기를 보이는 계산의 property isLoaded을보고 다시 채 웁니다하려는 경우 :

나는 그 고정 주셔서 감사 제 생각 엔

http://emberjs.jsbin.com/quyawitu/6/edit