как поместить этикетку выбора внутри коробки, а не сверху в материале angular

Question

Я использую "@ angular / material": "^ 8.2.3" в проекте angular. Я не смог разместить ярлык внутри поля выбора. Это всегда выше, как показано на следующем рисунке. Как разместить этикетку внутри, а не сверху?

            <mat-form-field>
                <mat-select  placeholder="Orientation" formControlName="orientation">
                    <mat-option value="" selected></mat-option>
                    <mat-option value="N">Nord</mat-option>
                    <mat-option value="O">Ouest</mat-option>
                    <mat-option value="E">Est</mat-option>
                    <mat-option value="S">Sud</mat-option>
                    <mat-option value="NO">Nord Ouest</mat-option>
                    <mat-option value="NE">Nord Est</mat-option>
                    <mat-option value="SO">Sud Ouest</mat-option>
                    <mat-option value="SE">Sud Est</mat-option>
                </mat-select>   
            </mat-form-field>