Angular2材質拡張パネル

Question

私はangle2アプリケーションを開発中です。私は材料設計拡張パネルを使用しています。私は矢マークだけが存在することを望む。私はしないでくださいマット - 拡張 - パネル - ヘッダのみ矢印が存在する必要があります。誰かが私に指示することができますか？これは私のコードです。私はスクリーンショットを挿入しています。 app.component.html

<mat-expansion-panel> 
    <mat-expansion-panel-header> 

    </mat-expansion-panel-header> 

<mat-form-field> 
    <input matInput placeholder="First name"> 
</mat-form-field> 

</mat-expansion-panel> 

Answer 1

あなたのグローバルSCSSファイルでこれを入れてHTMLの文字コード 

<mat-expansion-panel class="custom"> 
    <mat-expansion-panel-header> 
    <mat-panel-title> 
     &nbsp; 
    </mat-panel-title> 
    </mat-expansion-panel-header> 

<mat-form-field> 
    <input matInput placeholder="First name"> 
</mat-form-field> 
</mat-expansion-panel> 

と非空白を使用することができます。

mat-expansion-panel.custom { 
    background: white; 
    box-shadow: none !important; 
    &>* { 
    background: white; 
    } 
}