Ember가 선택한 항목을 표시하지 않습니다.

Question

내 얼굴을 꼼짝 못하게보고있는 작은 문제가 있음을 알고 있습니다. 알아낼 수 없습니다.

는

selectedItem = {"id":"item1","desc":"item number is 1"}; 

아래로 선택 드롭

아래는 이제 선택 데서을

selectedItem = baseList.filterBy('id','item1')[0]; 

작동 선택한 항목을 표시하지 않습니다 작동하지 않습니다

다음

{{view Ember.Select       
    content=baseList   
    optionLabelPath="content.desc" 
    optionValuePath="content.id" 
    selectionBinding="selectedItem" 
}} 

baseList = [{"id":"item1","desc":"item number is 1"},{"id":"item2","desc":"item number is 2"}] 

을 고려 p 아래로 누르면 선택한 항목이 표시됩니다.

무엇이 문제입니까? 나는 심지어 속성의 순서 (id와 desc)가 적절한 지 점검했다. 어떤 알고리즘을 사용하지 않거나 오히려 JSON.stringify을 사용하지 않으면 두 객체를 직접 비교할 수 없기 때문입니까?

Answer 1

문제는 당신이

selectedItem = {"id":"item1","desc":"item number is 1"}; 

를 지정할 때 해시 그것은 전적으로 동일, 비록 baseList에있는 것과 다른 개체입니다 것입니다. 그래서 Ember는 baseList에서 그것을 찾을 수 없습니다 (이것은 ===과 비교됩니다). 반면에 filterBy을 수행하면 baseList에서 실제 객체가 반환되며 Ember.Select은 baseList에서 찾을 수 있습니다.

대신 valueBinding을 사용해 볼 수도 있습니다. 그러면 "item1"을 지정할 수 있습니다.

현재, 속성의 순서는 JS에서 다른 곳이나 다른 곳에서는 차이가 없습니다.