Mat输入字段占位符重叠问题

Question

我有一个带有占位符的mat输入字段。我使用来自服务响应的数组将数据绑定到该输入字段。数据在输入字段上正确显示，但它与我的占位符重叠。

我检查了此问题的解决方案，但无法找到。

我正在使用@ angular / material＆＃34;：＆＃34; ^ 2.0.0-beta.12和Angular 4.

以下是我的代码：

<div class="col-xs-12 col-lg-3 col-sm-3 col-md-3 no_pad mb20 nopadMbl">
    <form class="col-xs-12 no_pad example-form">
        <mat-form-field class="col-xs-12 nopadMbl example-full-width" *ngFor = "let data of b">
            <input matInput placeholder="Tower" name ="Tower" class="col-xs-12 no_pad" [(ngModel)] ="data.Tower">
        </mat-form-field>
    </form>
</div>