Angular2材质扩展面板

Question

我正在开发angular2应用程序我正在使用材料设计扩展面板。我只想要箭头标记。我不想要 mat-expansion-panel-header 只有箭头标记应该存在。请任何人指导我做。这是我的代码。我正在插入屏幕截图。 的 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

您可以将非空格与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>

将它放在您的全局SCSS文件中：

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