DevExtreme 中 TabPanel 控件的多个模板 Angular

Question

我正在 DevExtreme (Angular "version") 库上开发 Web 项目。我坚持使用 TabPanel 控件。开发者网站上有示例 demo。但是这个demo用一个模板，每panel.I需要用到两三个不同的模板。例如，第一个选项卡包含数据网格，第二个选项卡包含图表等。谁能帮我解决这个问题？

Answer 1

在视图中创建所需的模板

<div *dxTemplate="let company of 'tab1Template'">
   <div class="tabpanel-item">
      Tab1 custom template
   </div>
</div>

其中 tab1Template 是您的自定义模板的名称然后使用 template 属性

为您的项目指定此模板

companies = [{
  "ID": 1,
  "CompanyName": "SuprMart",
  ...
  template: 'tab1Template' // this line
},
...

Plunker Example

DevExtreme 中 TabPanel 控件的多个模板 Angular

Multiple templates for TabPanel control in DevExtreme Angular

angular

tabpanel

devextreme