角2 /材質：動的に内容を指定する方法<md-tab>？

Question

さまざまなコンテンツに対して異なるタブを作りたかったのです。これまでは、ngForとユニークなpipe.2を使用して動的な方法でタブのラベルを作成できましたが、コンテンツは作成できませんでした。これを行うにはいくつかの方法がありますか？私は使用しているラベルに応じて別のコンポーネントを使いたいと思う。

<md-tab-group > 
    <md-tab *ngFor="let afd of afdeling | uniek" label={{afd.afdelingsNaam}}> 

    Content 
    </md-tab> 

</md-tab-group> 

Answer 1

あなたは[target]="expression"としてone way binding[]を使用して動的なラベルを達成することができます：ここでは

<md-tab-group> 
    <md-tab *ngFor="let afd of afdeling | uniek" [label]="afd.afdelingsNaam"> 
    Content 
    </md-tab> 
</md-tab-group> 

は、機能性を実証plunkerです。 [label]は、渡された値/式を評価して、この場合にラベルテキストを動的に設定します。

うまくいけば助けてください！