Angular 4材料組件訂購

Question

前端技術的超級初學者我正在使用某些材料組件來開發Angular 4應用程序。 我試圖將我所有的材料成分顯示在一行上。 但是我找不到像mat-group-element這樣的材質指令，這是到目前為止的代碼：

我的main-component.css ：

 .sqltool-input {
    display:inline-block
  }

  .sqltool-select {
    display:inline-block
  }

  .sqltool-toggle {
    display:inline-block
  }

我的main-component.html ：

<form class="sqltool-form">
   <!-- COMPONENT 1 -->  
   <mat-form-field class="sqltool-matform">
     <input class="sqltool-input" matInput placeholder="Enter SQL request">

    <!-- COMPONENT 2 --> 
    <mat-select class="sqltool-select" placeholder="Base" [(ngModel)]="dataSource">
        <mat-option value="Base1">Base 1</mat-option>
        <mat-option value="Base2">Base 2</mat-option>
    </mat-select>

    <!-- COMPONENT 3 --> 
    <mat-slide-toggle class="sqltool-toggle" [checked]="checked" color="primary">
        File generation
    </mat-slide-toggle>
  </mat-form-field>
</form>

有任何想法嗎？

Answer 1

如文檔中所述; 僅將三個材料組件設計為在墊形字段中工作：

• 輸入墊輸入和文本區墊輸入
• 墊選
• 墊芯片清單