Angular 7 - 为Select/dropdown框设置数据源

Question

我正在查询 API 并将数据返回到数组中。我不确定如何从 API 返回的数据响应中为 Select/dropdown 框设置数据源。我的模型 class 是

 export class sProject {
  Id: string;
  prj_number: string;
  emp_number : string;
  }

我的组件就像

 export class RFComponent implements OnInit {
    sList: sProject[];
    entityUrl = 'sDetail/GetByRP?Prj=345';

 constructor(service: DataService) {
  service.get<sProject[]>(this.entityUrl).subscribe(x => 
  {this.stList = x });
  }
   ngOnInit() {  }}

数据在 sList 数组中，我不确定如何为我的 select/dropdown 框设置数据源

<div class="dx-fieldset">
  <div class="dx-field">
    <div class="dx-field-label">ShipTo Account</div>
    <div class="dx-field-value">
        <dx-select-box></dx-select-box>
    </div>
  </div>
 </div>

我在这里使用 devextreme 库，我试图在下拉框中查看所有 prj_number。

Answer 1

根据 devextreme website 试试这个：

<dx-select-box [dataSource]="sList" displayExpr="prj_number "></dx-select-box>

希望有用。

Angular 7 - 为Select/dropdown框设置数据源

Angular 7 - Set the data source for the Select/dropdown box

devextreme

angular

angular7