Ember.Select - 컨트롤을 표시하기 전에 옵션을 미리 선택할 수 없습니다.

나는이게 죽은 단순한 것 같지만, JS와 Ember 모두에서 이틀 동안 저주받을만한 초보자로 충분합니다. 초기 값은 API에서 model.status (int)로 전달됩니다. 하지만 init() 코드로 인해 해당 컨트롤이 선택 컨트롤에 표시되지 않습니다. 왜 안돼? 그리고 이보다 더 좋은 방법이 있다면 알려주십시오. 미리 감사드립니다!Ember.Select - 컨트롤을 표시하기 전에 옵션을 미리 선택할 수 없습니다.

{{view Ember.Select id='selectUserStatus' 
    content=selectUserStatus 
    optionValuePath="content.val" 
    optionLabelPath="content.label" 
    value=status 
    selectionBinding="selectedUserStatus" 
    prompt="Select a status"}}

가 여기에 JS이다 : 당신이 jsFiddle 또는 jsBin를 제공 할 수 있다면 그것은 가장 좋은 것입니다

App.UserController = Ember.ObjectController.extend({ 

init: function() { 
    var selVal = this.get('model.status'); 
    this.set('selectedUserStatus',[this.get('selectUserStatus')[selVal-1]]); 
}, 

selectUserStatus: [ 
    {label:"Guest", val:"1"}, 
    {label:"Registered",val:"2"}, 
    {label:"Editor",val:"3"}, 
    {label:"Administrator",val:"4"}, 
], 
....

출처

2014-02-14 bayleaf

여기 내 HTML입니다. 그러나 코드보고에서 나는 다음을 제안 :

{{view Ember.Select id='selectUserStatus' 
    content=userStatusList 
    optionValuePath="content.val" 
    optionLabelPath="content.label" 
    value=status 
    selectionBinding="selectedUserStatus" 
    prompt="Select a status"}}

가 여기에 JS의 :

App.UserController = Ember.ObjectController.extend({ 

    init: function() { 
    var selVal = this.get('model.status'); 
    this.set('selectedUserStatus',[this.get('selectUserStatus')[selVal-1]]); 
    }, 

    userStatusList: [ 
    {label:"Guest", val:"1"}, 
    {label:"Registered",val:"2"}, 
    {label:"Editor",val:"3"}, 
    {label:"Administrator",val:"4"}, 
    ], 
}

는 여기 jsBin입니다 : http://jsbin.com/xawak/3/

출처

2014-02-14 23:17:53 chopper

운. 나는 [link] http://jsbin.com/xawak/1/ [/ link]에 jsbin을 만들었다. 그것은 어느 쪽도 효과가 없지만, 내가 잘못 가고있는 곳을 보여주기 위해 그것을 조정할 수 있다면 좋을 것입니다. {{view}} 코드에서 제거하는 경우 적어도 {{input}} 이상이 표시되므로 문제가있는 것으로 보입니다. – bayleaf

jsBin을 참조하십시오. 내 대답에 – chopper

을 추가 했습니까? – chopper

Ember.Select - 컨트롤을 표시하기 전에 옵션을 미리 선택할 수 없습니다.

답변

관련 문제