angular2/4材料ラベルのアイコンを各タブの右に揃える方法は？

Question

私は、次のしている：

<md-tab-group> 
    <md-tab label="MyLabel"> 
    <ng-template md-tab-label> 
     MyLabel <md-icon>thumb_down</md-icon> 
    </ng-template>  
    Content 
    </md-tab> 
</md-tab-group> 

どのように私は「mylabelという」と正しく並んするthumb_downアイコンの位置を調整することができますか？今のところそれは少し上にあるようです。 style = "line-height：40px;"を適用するto md-iconは動作しません。

Answer 1

このクラスを変更位置に追加する必要があります。

/deep/.mat-tab-label, /deep/.mat-tab-label-active{ 
    line-height: 30px!important; 
} 

は、あなたの代わりにCSSのSCSS（SASS）を使用してください。 cssを使用している場合は、cssの代わりにscssファイルに変更してください。深さはscss（SASS）ファイルでしか動作しないので