DevExpress의 dxSelectBox은 dataSource Angular2는 +

Question

내가 dxSelectBox 채울 것 DXI-항목을 dxForm 만들려고

:

첫 번째 예는 작동하지 DEOS, 그것은 내가 문자열 [] 배열과 같은 항목을 설정하지만, [] 배열 객체에만 작업입니다 deos는 도와주세요. 또한 editorOptions에 dataSource를 설정하려고합니다.

는 예 :

<dxi-item [label]="{text: 'Test'}" editorType="dxSelectBox" [editorOptions]="{ dataSource:testList, items:testList, displayExpr:'name', valueExpr:'id', placeholder:'Select Test' }"> 
<dxi-validation-rule type="required" message="Test is required"></dxi-validation-rule> 
</dxi-item> 

심지어 난은 dataSource하지만 행운을 설정? 객체와 두 번째 예는 [] 배열이 잘 작동하지만 내가 DXI 항목 지시문을 사용하려면 : 각도 바인딩 작품 수 있도록 이런 방식으로

이

<div class="dx-field"> 
     <div class="dx-field-label">Test usage</div> 
     <div class="dx-field-value"> 
      <dx-select-box 
       [dataSource]="testList" 
       displayExpr="name" 
       valueExpr="id" 
       [value]="" 
      ></dx-select-box> 
     </div> 
    </div> 

Answer 1

바인딩 :

<dxi-item [label]="{text: 'Test'}" editorType="dxSelectBox" [editorOptions]="selectBoxOptions"> 
<dxi-validation-rule type="required" message="Test is required"></dxi-validation-rule> 
</dxi-item> 


selectBoxOptions = { dataSource:[], displayExpr:'name', valueExpr:'id', placeholder:'Select Test' }; 

http.get(URL).then(data => { 
    this.selectBoxOptions = { dataSource:data, displayExpr:'name', valueExpr:'id', placeholder:'Select Test' } 
});