DevExtreme Angular中的TabPanel控件的多個模板

Question

我正在DevExtreme（Angular「版本」）庫上開發Web項目。我堅持使用TabPanel控件。開發人員網站上有demo示例。但是這個演示爲每個面板使用一個模板。我需要使用兩三個不同的模板。例如，第一個選項卡包含數據網格，第二個選項卡包含圖表等。 任何人都可以幫助我解決這個問題嗎？

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

指定此模板爲您的項目