角張ったマテリアル2のMdTabコンポーネントの拡大

Question

マテリアルコンポーネントMdTabGroupの1つを拡張しようとしています。すべてがアウト・オブ・ボックスMdTabGroupコンポーネントと正常に動作します - 材料ライブラリが正しくにインポートされたモジュールなど

ここでは、拡張コンポーネントがあります：

@Component({ 
    selector: 'md-custom-tab-group', 
    templateUrl: 'custom-tab-group.html', 
    .... 
}) 
export class MdCustomTabGroup extends MdTabGroup { 
    constructor(private _r : Renderer) { 
    super(_r); 
    } 
} 

新しいコンポーネントがでインポートと宣言されていますアプリモジュール、およびこのようにして作成されます。

<md-custom-tab-group> 
    <md-tab>one</md-tab> 
    <md-tab>two</md-tab> 
</md-custom-tab-group> 

テンプレートカスタムタブグループ（custom-tab-group.html）については、例えば材料のものと同じです実行すると

<div class="mat-tab-body-wrapper" #tabBodyWrapper> 
    <md-tab-body role="tabpanel" 
       *ngFor="let tab of _tabs; let i = index" 
       ... 
       [content]="tab.content" 
       ...> 
    </md-tab-body> 
</div> 

、_tabs ViewChildrenコレクションが正しく読み込まなっている - それは、素材のタブ構成要素として解釈オリジナルのマークアップでmd-tab宣言、で構成されています。ただし、custom-tab-group.htmlテンプレートはではなく、が有効です。テンプレートパーサーは、 'md-tab-body'が何であるかを知りません。具体的に

- それはMD-タブ体」の既知の特性ではないので

は、「コンテンツ」にバインドできません。

しかし、私はそれが新しいテンプレートをピックアップするときにmd-tab-bodyが何であるかを知っているとは思わない。

質問です。どうすればこの動作を修正し、拡張コンポーネントを動作させることができますか？

Answer 1

肯定的な回答ではありませんが、この問題が追跡されているようです。彼らはエクスポートリストにMatTabBody、MatTabHeaderとMatTabLabelWrapperが含まれると

https://github.com/angular/material2/issues/9216

あなたはそれを拡張することができるはずです。