角垫滑动切换中的多个标签

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;
}