Несколько этикеток в переключателе скольжения angular мат

Question

Я использую angular 8 и angular materail. Теперь я не знаю, как иметь кнопку переключения слайдов с меткой 2.

<mat-label> {{ label1 }} </mat-label>
<mat-slide-toggle> {{ label2 }} </mat-slide-toggle>

этот html код не указан, имеет хороший дизайн потому что метки не выровнены.

Answer 1

Попробуйте это

html

<section class="example-section">
  <mat-label> {{ label1 }} </mat-label>
  <mat-slide-toggle
      class="example-margin">
    {{ label2 }}
  </mat-slide-toggle>
</section>

css

.example-section {
  display: flex;
  align-content: center;
  align-items: center;
}

.example-margin {
  margin: 10px;
}