Угловой 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

Как описано в документации ; Только три компонента материала предназначены для работы внутри поля формы мата:

• Ввод matInput и textarea matInput
• мат-выберите
• мат-чип-лист