DevExtremeのTabPanelコントロールの複数のテンプレートAngular

Question

私はDevExtreme（Angular "version"）ライブラリでWebプロジェクトを開発しています。私はTabPanelコントロールで立ち往生しています。開発者サイトにはdemoの例があります。しかし、このデモでは、すべてのパネルに1つのテンプレートを使用しています.2つの異なるテンプレートを使用する必要があります。たとえば、最初のタブにはデータグリッドが含まれ、2番目のタブにはチャートなどが含まれます。 誰でもその問題を解決できますか？

Answer 1

tab1Templateは、カスタムテンプレート の名前です。次に templateプロパティ

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

Plunker Example

を使用してアイテムに、このテンプレートを指定

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

ようなビューで目的のテンプレートを作成します。