Angular текст местозаполнителя скрывается под строкой

Question

Я использую приведенный ниже код для отображения заполнителя

<mat-form-field>
                <mat-label style="margin-top:auto;">Search By Name</mat-label>
                <input matInput [(ngModel)]="searchAllPBS" id="search">             
</mat-form-field>

введите описание изображения здесь Пожалуйста, найдите прикрепленное изображение. Я не уверен, почему текст скрывается под строкой. Любая помощь с благодарностью !!!

Answer 1

Вы можете использовать атрибут-заполнитель входного тега

<mat-form-field>
            <input matInput [(ngModel)]="searchAllPBIS" id="search" placeholder="Search By Name" />             
</mat-form-field>