更改语言后,Angular5 dxselectbox已消失

时间:2018-09-05 06:22:43

标签: angular redux ng2-translate devextreme-angular

我的页面使用具有'ng2-translate'库和'ngrx / redux'的多语言。我有一个问题是,当我将语言更改为另一种语言(例如:“ en”至“ de”)时,我的dx-select-box没有显示。 It's myselectbox on my page

这是我的代码:

<dxi-item dataField="SucheTaskTypeCode" [editorOptions]="{ width: '100%' }" editorType="dxSelectBox">
     <dxo-label text="{{ 'VerwaltungDetails.TypeCode' | translate }}"></dxo-label>
     <dx-select-box name="input-pendenzTyp-search" [dataSource]="pendenzenVerwaltungSandbox.pendenzenVerwaltungTypeData$ | async"
        placeholder="{{ 'VerwaltungDetails.Placeholder' | translate }}" valueExpr="code" (onContentReady)="selectContentReady($event)"
        displayExpr="text" (onItemClick)="selectDropdownValue($event.itemData.code,'SucheTaskTypeCode')">
     </dx-select-box>
 </dxi-item>

如果我使用DevExtreme的自定义模板,它将正常运行,但是我的技术负责人不想使用这种方式:

<dxi-item dataField="SucheTaskStatusCode" [editorOptions]="{ width: '100%' }" [template]="'StatusCodeTemplate'">
    <dxo-label text="{{ 'VerwaltungDetails.StatusCode' | translate }}"></dxo-label>
</dxi-item>
<div *dxTemplate="let data of 'StatusCodeTemplate'">
    <dx-select-box name="input-status-search" [dataSource]="pendenzenVerwaltungSandbox.pendenzenVerwaltungStatusData$ | async"
         placeholder="{{ 'VerwaltungDetails.Placeholder' | translate }}" (onContentReady)="selectContentReady($event)"
         valueExpr="code" displayExpr="text" (onItemClick)="selectDropdownValue($event.itemData.code,'SucheTaskStatusCode')">
    </dx-select-box>
</div>

感谢您的帮助。

0 个答案:

没有答案