无法将函数分配给带有angular2的dx选择框中的displayExpr

“站点”的选择框应显示站点代码和描述的组合，供用户选择

以下是html：

<dx-select-box class="pull-right"
                           placeholder="Select Site"
                           [dataSource]="sites"
                           [displayExpr]=displaySite
                           [valueExpr]="SiteID"
                           [value]="selectedSite"
                           [searchEnabled]="true"></dx-select-box>

这里的问题是displaySite函数中的数据值总是空的

当我在datagrid中使用lookup时，同样的事情也会发生，如下所示：

displaySite = (data) => {        
    return data.Code + "(" + data.Description + ")";
}

{ dataField: "SiteID", lookup: { dataSource: sites, valueExpr: "SiteID", displayExpr: displaySite } }

以下是我正在使用的dev extreme版本：

"devextreme": "16.2.3",
"devextreme-angular": "16.2.3-rc.3",

1）

[value]=“selectedSite”

-如果

selectedSite

没有默认值，

显示站点

功能中的

数据

将为空。所以表达式，比如

data.code+”（“+data.Description+”）应包含空值检查，并可更改为
数据？data.Code+“（“+data.Description+”）：空

2） 请注意
[valueExpr]=“SiteID”
，因为如果
SiteID
是字符串（我从您的示例中建议是这样），则应计算角均值中的方括号，该表达式。将在
[valueExpr]=“'SiteID'”
或
valueExpr=“SiteID”
上更改它

此外，我还准备了一个演示此场景的示例
[displayExpr]=displaySite
这是有意的吗？没有报价？