Angular 4 Material组件订购

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

如documentation所述;只有三种材料组件可以在垫形区域内工作：

• 输入matInput＆amp; textarea matInput
• 垫选
• 垫片列表