垫选择离子4列出所有选项，而无需单击选择箭头

Question

我有一个问题，当我使用mat-select时，选项直接显示在内容中而不显示选择字段。 图片：

<mat-form-field [formGroup]="group">
    <mat-select placeholder="countries" required>
        <mat-option *ngFor="let state of countries" [value]="state.name">
            <ion-row>
                <ion-col size-md="6" size-xs="4" size-sm="4">
                    {{state.name}}
                </ion-col>

                <ion-col size-md="4" size-xs="2" size-sm="1">
                    <small> {{state.dial_code}}</small> &nbsp; &nbsp;
                </ion-col>

                <ion-col size-md="2" size-xs="1" size-sm="1">
                    <img float-start [src]="state.flag" height="20" /><br />
                </ion-col>
            </ion-row>
        </mat-option>
    </mat-select>
</mat-form-field>

并且请注意，当与ionic 3项目使用相同的代码时，下拉菜单的选择效果很好！